CSS3 для начинающих. Часть 6.2. Кнопки в стиле BonBon

После продолжительного перерыва продолжим изучать CSS3. Сегодня речь пойдет о том как создать кнопки в стиле BonBon (конфетки такие вкусные) на CSS3. Кнопки будут разных...
После продолжительного перерыва продолжим изучать CSS3. Сегодня речь пойдет о том как создать кнопки в стиле BonBon (конфетки такие вкусные) на CSS3. Кнопки будут разных размеров, цветов, форм и т.д. Но при всем этом они имеют достаточно минималистичный дизайн, что позволяет использовать их почти на всех сайтах. Напоминаю, что это статья из цикла CSS3 для начинающих. А примеры можно посмотреть на демо сайте http://css3demos.rusdigi.org. (далее…)

CSS3 для начинающих. Часть 6.1. Кнопки на CSS3

Очередная статья из цикла CSS3 для начинающих. Речь сегодня пойдет о кнопках. Мы привыкли, что кнопка - это набор картинок. Первая картинка создается для кнопки...
Очередная статья из цикла CSS3 для начинающих. Речь сегодня пойдет о кнопках. Мы привыкли, что кнопка - это набор картинок. Первая картинка создается для кнопки в спокойном состоянии, вторая для состояния когда курсор мыши наведен на кнопку и третья - при нажатии на кнопку. Таким образом для каждой кнопки приходиться рисовать 3 картинки. С развитием и внедрением CSS3 мы можем избавиться от всего этого и делать кнопки легко и непринужденно, используя только стили CSS. Сегодня мы займемся созданием простых кнопок разного размера и цвета. (далее…)

CSS3 для начинающих. Часть 5.2. Боксы на CSS3

И вновь продолжаем изучать CSS3 с циклом статей CSS3 для начинающих. Сегодня мы разберем создание так называемых боксов с помощью CSS3 без использования изображений. Можно...
И вновь продолжаем изучать CSS3 с циклом статей CSS3 для начинающих. Сегодня мы разберем создание так называемых боксов с помощью CSS3 без использования изображений. Можно с уверенностью сказать, что боксы которые мы сегодня сделаем прекрасно отображаются во всех браузерах за исключением IE. Поэтому если вы до сих используете Internet Explorer - смените браузер. Итак, перейдем к нашей статье. (далее…)

CSS3 для начинающих. Часть 5.1. Drop-shadow — простые примеры

Хотя сегодня и первомай, продолжаем цикл статей CSS3 для начинающих. Жаль, что погода не задалась - к обеду пошел дождь и выезд на шашлыки отложили....
Хотя сегодня и первомай, продолжаем цикл статей CSS3 для начинающих. Жаль, что погода не задалась - к обеду пошел дождь и выезд на шашлыки отложили. Но ничего. Вместо этого у нас появилась возможность продолжить знакомство с CSS3. Речь пойдет о drop-shadow - свойство CSS3 позволяющее создавать различные тени, без использования изображений. На данный момент поддержка реализована в следующих версиях браузеров: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+. (далее…)

CSS3 для начинающих. Часть 4.2. 3D ленты

Продолжаем изучать CSS3 с циклом статей CSS3 для начинающих. Сегодня продолжение четвертой части. Речь пойдет о создании 3D лент с помощью CSS3. (далее…)
Продолжаем изучать CSS3 с циклом статей CSS3 для начинающих. Сегодня продолжение четвертой части. Речь пойдет о создании 3D лент с помощью CSS3. (далее…)

CSS3 для начинающих. Часть 4.1. Подсказки. Меню.

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

CSS3 для начинающих. Часть 3.1. Красивая типографика для сайта с помощью CSS3.

Сегодня, заполняя затянувшуюся паузу в выпуске статей по CSS3 решил перевести очень интересный туториал. Суть его - создание правильной красивой типографии для сайта. Если в...
Сегодня, заполняя затянувшуюся паузу в выпуске статей по CSS3 решил перевести очень интересный туториал. Суть его - создание правильной красивой типографии для сайта. Если в предыдущей части цикла статей CSS3 для начинающих мы разобрали возможности по работе с текстом, то сегодня мы объединим полученные знания и создадим демо страницу, на которой применим полученные знания. (далее…)

CSS3 для начинающих. Часть 3. Текст в CSS3.

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

CSS3 для начинающих. Часть 2. Бэкграунды (фоны) и границы

Сегодня вторая часть курса CSS3 для начинающих. Речь сегодня пойдет об оформлении фонов и границ с помощью CSS3. Вы узнаете как создавать закругленные границы, закругленные...
Сегодня вторая часть курса CSS3 для начинающих. Речь сегодня пойдет об оформлении фонов и границ с помощью CSS3. Вы узнаете как создавать закругленные границы, закругленные границы с картинкой. На конкретных примерах вы сможете увидеть реализации данных свойств. (далее…)

CSS3 для начинающих. Часть 1. Введение в CSS3. Основные понятия

Сегодня первый пост из серии CSS3 для начинающих. Пост носит ознакомительный характер и призван познакомит новичков с самой идеей разработки и применения CSS3. Будут даны...
Сегодня первый пост из серии CSS3 для начинающих. Пост носит ознакомительный характер и призван познакомит новичков с самой идеей разработки и применения CSS3. Будут даны основные понятия, показаны некоторые примеры реализации отдельных свойств. (далее…)