Архив метки: CSS3 для начинающих

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

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

16 Май, 2011 | Рубрики: CSS3 Читать статью

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

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

12 Май, 2011 | Рубрики: CSS3 Читать статью

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

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

04 Май, 2011 | Рубрики: CSS3 Читать статью

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

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

01 Май, 2011 | Рубрики: CSS3 Читать статью

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

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

29 Апрель, 2011 | Рубрики: CSS3 Читать статью

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

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

25 Апрель, 2011 | Рубрики: CSS3, JavaScript Читать статью

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

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

19 Апрель, 2011 | Рубрики: CSS3 Читать статью

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

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

12 Апрель, 2011 | Рубрики: CSS3 Читать статью

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

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

06 Апрель, 2011 | Рубрики: CSS3 Читать статью

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

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

05 Апрель, 2011 | Рубрики: CSS3 Читать статью