Как оживить ваше меню при помощи CSS3

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


Formalize – CSS-фреймворк для элементов формы

Мы все знаем, что html-формы выглядят по-разному в разных операционных системах, браузерах и даже в разных версиях одного и того же браузера.

Formalize - это CSS фреймворк, целью которого является решить эту проблему.

KEYS.css: стили для создания кнопок клавиатуры

KEYS.css - это обычный набор CSS-правил для создания элементов в стиле кнопок клавиатуры, которые можно использовать, например, для того чтобы показать "горячие" клавиши для пользователей.

Создаем фото-слайдшоу при помощи CSS3

Сегодня мы покажем вам, как создать фото-слайдшоу при помощи только CSS. Идея состоит в использовании фоновых изображений для панелей и анимирование их при нажатии на название. Для навигации мы будем использовать радио-кнопки с лэйблами используя обобщенный родственный комбинатор (the general sibling selector).

Красивые изображения, используемые в примерах, принадлежат Joanna Kustra, используются они на условиях лицензии Attribution-NonCommercial 3.0 Unported Creative Commons License.

Пожалуйста, обратите внимание: результат этого урока будет работать только в браузерах поддерживающих CSS переходы и анимацию.

Использование стилей для курсора в CSS3

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

CSSrefresh – обновление CSS-файлов "на лету"

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