Css архив

Переменные в CSS

16-10-07 Css, Html CSS3 0

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

3 крутых эффекта для изображений на CSS3

15-05-07 Css, Html CSS3 2

Современные технологии позволяют создавать красивые интерактивные сайты, при этом большинство эффектов можно реализовать с помощью чистого CSS, особенно с новыми возможностями CSS3. Раньше для создания разных эффектов мы прибегали к помощи JavaScript, но благодаря распространению поддержки CSS3, нам не нужны скрипты для создания красивых эффектов. К сожалению, некоторые браузеры до сих пор не поддерживают CSS3 (IE9 […]

8 простых, но эффектных примеров CSS3 анимации

14-09-23 Css Animation 9

CSS3 предоставляет практически неограниченные возможности для UX разработчиков и, что очень круто — большинство из них очень просто реализовать. Всего несколько строк кода могут создать эффектную анимацию, которая впечатлит ваших посетителей и повысит доверие к вашему сайту и, при правильном использовании, может повысить конверсию. В этой статье мы напишем несколько простых, но очень интересных эффектов […]

Закладки на чистом CSS3

14-02-11 Css, Html Animation, Tabs 1

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

Красивая AJAX форма для загрузки файлов

13-07-17 Css, JavaScript Ajax, CSS3, jQuery 22

В этом уроке мы сделаем небольшую AJAX форму для загрузки файлов, которая позволит посетителям загружать файлы с помощью технологии drag/drop или при помощи обычного выбора файлов. Мы будем использовать плагины jQuery File Upload и  jQuery Knob для отображения прогресса загрузки. Т.к. форма будет иметь возможность загружать файлы двумя способами, она будет работать даже если drag/drop не поддерживается.

Анимированная CSS3 галерея с разнообразными эффектами

13-03-07 Css, JavaScript CSS3, jQuery 0

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

Создаем слайдер картинок с помощью jQuery и CSS3

12-12-26 Css, JavaScript CSS, jQuery 0

В этом уроке мы создадим слайдер картинок с помощью “Nivo Slider jQuery Script” и CSS3. Мы будем использовать “Nivo Slider jQuery Script”, потому что он обладает хорошей функциональностью и бесплатный :). Этот плагин имеет 16 эффектов перехода, он прост и гибок.

Навигационное меню с помощью CSS3

12-10-23 Css CSS, jQuery 0

Здравствуйте, уважаемые читатели Easy-Code.ru. В этом уроке мы сделаем яркое меню с анимированными выпадающими подпунктами, используя только CSS3 и Font Awesome шрифт иконок. Данный шрифт отображает иконки вместо букв, таким образом мы получим красивые векторные изображения для нашего меню.