Делюсь еще одной красивой кнопкой в которой использованы стили нового поколения (CSS-3). Кнопка реагирует на наведение курсора и плавно меняет цвет (осветляется). Также имеет эффект нажатия, вдавливается внутрь. смотрится очень красиво.

С развитием технологий и расширением экранов мониторов компьютера и мобильных устройств, приходиться подстраиваться к влиянию новшеств. Примером такой подстройки может послужить и макет веб сайта, адаптирующийся под разрешение монитора, будь то компьютер либо мобильник. Конечно, многие сразу скажут, что можно применить “резиновые” макеты сайтов, но сегодня не об этом. Сегодня поговорим о лучшем решении этой проблемы, а именно о разработке адаптирующегося макета сайта.

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

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

Google Chrome становится популярнее день за днем, так как он превосходно подходит веб дизайнерам и веб разработчикам. Я уже рассказывал о полезных плагинах для Google Chrome. Сегодня я бы хотел заострить внимание на плагинах, которые ориентированы на работу со стилями CSS и позволяют редактировать их на ходу.

Добрый день, сегодня я покажу Вам, как только с помощью html и css создавать геометрические фигуры. Сегодня у нас круг, овал, полукруг. Во всех примерах используются сss свойства для скругления углов: -moz-border-radius – для корректного отображения в Firefox; -webkit-border-radius – для корректного отображения в браузерах Safari и Chrome; border-radius - для всех браузеров, которые поддерживают CSS3.

Добрый день. Сегодня мы кратко рассмотрим 10 онлайн сервисов, которые демонстрируют особенности CSS3. Важно отметить, что не все браузеры поддерживают CSS3, как обычно «впереди» планеты всей IE. Здесь Вы найдете несколько онлайн генераторов градиента, шпаргалку по css свойствам, генератор стильных css3 кнопок и многое другое.

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

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

Сегодня вместе с вами будем делать картинку, которая будет реагировать на наведение курсора мышки с использованием каскадных таблиц стилей (CSS). Для начала нужно подготовить картинку.