Красивое оформление выпадающего списка на CSS3 и jQuery

Красивое оформление выпадающего списка на CSS3 и jQuery

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

Подробнее...


Создание GIF анимации онлайн: 7 сервисов

Создание GIF анимации онлайн

GIF анимации уже давно вошли в нашу жизнь, а еще недавно все только-только начинали изучать азы создания анимации. В принципе, выбор анимационных картинок сейчас безграничен — один только Вконтакте полон миллионами гифок на все случаи жизни. Но что делать, если всё не то? Если у Вас появилась идея новой GIF анимации, пора незамедлительно приступать к ее созданию.  

Подробнее...

Исчезающий текст в форме поиска (input)

Исчезающий текст в форме поиска

Каждый человек хотя бы раз пользовался окном поиска на сайтах. В окне находится серый текст (это могут быть фразы “Поиск…”, “Найти…” или указания на то, что необходимо ввести в поле). При постановке курсора серый  текст исчезает, и пользователь может вводить необходимый запрос.

Подробнее...

Префиксы CSS3 для разных браузеров Opera, Chrome, Firefox

Префиксы CSS3 для разных браузеров

Часто при работе приходится использовать префиксы СSS3, так же называемые вендорными префиксами. Префиксы — особые дополнения для CSS свойств, добавляемые для свойств отсутствующих в стандарте. Префиксы CSS3 вводят разработчики браузеров.

Подробнее...


CSS спрайты. Примеры построения

CSS спрайты

Одной из ключевых задач  CSS спрайтов является оптимизация графики загружаемой страницы. Какова задача этой оптимизации и зачем ее необходимо выполнять?  Идея заключается в следующем:  пока страница не оптимизирована, графические элементы представляют собой отдельные файлы. Количество подобных элементов  превышает 5 или 10 штук, следовательно, для того, чтобы загрузить каждую картинку, браузер осуществляет отдельный запрос.

Подробнее...

Делаем модальное окно с помощью HTML5

Модальные окна используются в качестве форм входа в учетную запись, регистрационных форм, для привлечения внимания пользователя к чему-то важному. Раньше для создания модальных окон подключались различные внешние плагины, такие как UI Dialog или аналоги. С выходом HTML5 появилась возможность создавать модальные окна, используя тег <dialog>.

Подробнее...

Способы проверки валидации сайта

Способы проверки валидации сайта

Если вы когда-нибудь занимались разработкой собственного сайта, Вы, скорее всего, сталкивались с таким понятием как валидация сайта. Суть валидации достаточно проста — фактически, это проверка HTML кода. Как сочинение по языку должно быть написано грамотно и без ошибок в соответствии с требованиями к оформлению, так и код страницы должен быть выполнен качественно, без помарок и неточностей.

Подробнее...

Более 35 CSS инструментов и JQuery плагинов за 2015 год

Более 35 CSS инструментов и JQuery плагинов за 2015 год

Представляем вашему вниманию разнообразные иконки, символы кнопки на CSS3, а также популярные JQuery плагины, фреймворки и еще много всяких полезностей за 2015 год для вебмастера и дизайнера.

Подробнее...

Как создать эффект параллакса с помощью CSS?

Как создать эффект параллакса с помощью CSS?

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

Подробнее...

Как сделать прозрачный фон на CSS?

Как сделать прозрачный фон на CSS?

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

Подробнее...