Приемы работы с CSS

Чем больше разработчики используют CSS при создании сайтов, тем более сложными и объемными становятся таблицы стилей. Грамотное планирование работы с css файлами позволит через некоторое время вернуться к стилям, поменять их и не потерять время.
Приемы работы с CSS

Теги:

Гирлянды на сайт

Скоро новый и надо бы украшать не только ёлку, но и наш с вами сайт. С помощью урока снег на сайте, мы уже добавили падающие снежинки с помощью Javascript. Теперь же мы добавим гирлянды. Для того чтобы повесить на сайт гирлянды всего-то нужна одна строчка.
Украсить сайт гирляндами

Теги: , новый год, , юзабилити

Выпадающее меню на CSS

Простой пример реализации выпадающего меню без javascript, чисто на CSS+HTML

Принцип действия: при наведении курсора на заголовок меню, выбирается класс котором есть пункт показа выпадающего меню, то есть display:none превращается в display:block. Посмотреть пример выпадающего меню.

Сделать для своего сайта выпадающее меню на CSS без Javascript

Теги: , юзабилити

Всплывающие подсказки на CSS

Всплывающие подсказки можно сделать не только с помощью JavaScript, но и с помощью CSS. Таким образом Вы будете точно уверены, что они будут работать в любом браузере.
Прочитать полностью »

Теги: , юзабилити

Как привести CSS код к читаемому виду?

В этом уроке, мы с Вами познакомимся с онлайн форматтером CSS кода. Дело в том, что когда мы самостоятельно пишем CSS код, он не всегда получается ровным и легко читаемым. Прочитать полностью »

Теги: , юзабилити

Создание буквицы с помощью CSS

Этот урок CSS будет посвящен созданию буквицы (увеличенной, специально оформленной буквы в начале текста) с помощью стилей.
Итак, попробуем сделать буквицу…
Прочитать полностью »

Теги: , юзабилити

Как сделать красивую полосу прокрутки на Вашем сайте на CSS?

В этом уроке пойдет речь о том, как придать полосе прокрутки вашего сайта определённый цвет.
Вы наверняка уже не раз видели такие раскрашенные под цвет всего сайта полосы прокрутки.
Как её сделать? Очень просто.

Вообще, есть несколько способов.
1. Вставить полный код (приводится ниже) в каждую страницу сайта, где Вы хотите видеть красивую полосу прокрутки.
2. Вставить ссылку на css фаил с кодом.

Рассмотрим оба этих варианта.
Прочитать полностью »

Теги: , юзабилити

1