Хочу опять вернуться к теме оформления сайтов, а точнее создания CSS кнопки. Подобные кнопки часто используются в качестве кнопки для подписки на рассылку сайта, голосования или для доступа к различным функциям сайта или форума. Обладая хорошими знаниями в области построения сайтов, а именно в CSS, можно самому собрать красивую кнопку, но а если не знаешь, то тут поможет онлайн сервис CSS Button Generator.

В сегодняшней статье я расскажу, как создать простую таблицу цен используя лишь CSS. Таблица цен является одним из наиболее широко используемых элементов в веб-дизайне, особенно для веб-сайтов, предлагающих различные виды товаров или услуг, например, мы можем видеть таблицу цен на сайтах, предлагающих хостинг услуги или коммерческую поддержку программного обеспечения, онлайн-консультации и т.д. В этой статье мы создадим таблицу цен тарифных планов на примере фиктивного веб-хостинга.

Клавиша F5 и Refresh в браузере - это, наверное, самые затертые кнопки у всякого верстальщика. Жаль что в браузере этого не видно :) Большая часть работы верстальщика заключается во внесении изменений в стили и проверки их отображения в браузерах. С опытом приходит понимание принципов работы HTML+CSS и количество рефрешей уменьшается. А совсем опытные видят матрицу и браузеров вообще не открывают. Сегодня у нас обзор методов ручного и автоматического обновления CSS без полной перезагрузки страницы.

Во-первых, поздравляю всех с великим праздником победы! Лично я помню и горжусь. Но я не один и это хорошо. А, во-вторых, предлагаю блоггерам и вебмастерам в честь 9 мая устроить небольшой, но важный для всех флэшмоб, и разместить на своих блогах символику победы в Великой Отечественной Войне. Сделать это конечно можно разными способами. Лично я представил на своем блоге один из самых простых вариантах. О нем и рассказал на блоге...

Добрый! Как вы думаете красивые кнопки с помощью CSS, которые будут выглядеть в самом деле хорошо — это миф? Или все таки все CSS кнопки это дрянь? Лично я думаю, что и с помощью CSS можно создать очень симпатичные кнопки. Ведь иногда так лениво делать сплайны для новых кнопок, пытаться что-то выдумать и копошиться в Фотошопе, что лучше накидать быстренько кнопку в CSS и расслабится. Чтобы узнать по подробней смотрите продолжение на блоге =)

Идея написания данного поста пришла мне в голову после того, как в последние несколько дней мне приходилось работать со "сторонними" файлами CSS стилей. Сторонние файлы, в данном случае, это те, что были написаны другими верстальщиками для конкретных проектов. Наверняка, у каждого из нас уже устоялись некоторые правила по написанию CSS, но предлагаю поразмышлять над некоторыми спорными моментами, с которыми мне пришлось встречаться, анализируя сторонние каскадные таблицы стилей.

Не так часто, но иногда приходится пользоваться тегами (blockquote) цитат на странице. Обычно это происходит в комментариях, когда нужно процитировать ранее опубликованный комментарий, чтобы было понятно кому вы ответили. Или же просто выделить в статье какую-то часть текста, чтобы сделать акцент и привлечь внимание читателя к чему-то очень важному, по вашему мнению.

Сегодня не будет сложных свойств CSS, о которых в последнее время я писал. Сегодня мы вернемся к самому простому. Мы создадим 4 кнопки с разными уникальными эффектами при наведении. Суть сегодняшней статьи — показать основные приемы работы с CSS. И эта статья будет скорее полезна новичкам нежели профессионалам. Каждый может использовать эти кнопки в своих проектах, но не ленитесь экспериментировать и создавать новые эффекты.

Новые свойства CSS3 позволяют делать очень много всего интересного. Сегодня мы рассмотрим несколько примеров, в котором создадим 10 разных эффектов при наведении курсора мыши на изображение. Мы будем показывать поверх изображения описание. Следует учесть, что данный эффект будет работать только в современных браузерах, которые поддерживают нововведения CSS3.

Сегодня мы будем разбираться с псевдо-селекторами, а заодно создадим довольно интересное слайд меню. Для начала мы создадим меню используя техники CSS3. Потом мы реализуем то же самое без использования псевдо-селекторов, дабы пример был кроссбраузерным. И в самом конце мы заменим все новые штучки из CSS3 на старый добрый jQuery.