Насколько дизайн вашего сайта соответствует нынешним представлениям о современном дизайне? Если Вы в глубине души опасаетесь новых технологий или считаете их априори чем-то сложным и запутанным — вы заблуждаетесь. Большинство современных технологий создаются с целью максимально облегчить работу человека и CSS3 не исключение. Рассмотрим, к примеру, способы оформления выпадающего списка с помощью CSS3 и jQuery.
CSS&HTML
Создание GIF анимации онлайн: 7 сервисов
GIF анимации уже давно вошли в нашу жизнь, а еще недавно все только-только начинали изучать азы создания анимации. В принципе, выбор анимационных картинок сейчас безграничен — один только Вконтакте полон миллионами гифок на все случаи жизни. Но что делать, если всё не то? Если у Вас появилась идея новой GIF анимации, пора незамедлительно приступать к ее созданию.
Исчезающий текст в форме поиска (input)
Каждый человек хотя бы раз пользовался окном поиска на сайтах. В окне находится серый текст (это могут быть фразы “Поиск…”, “Найти…” или указания на то, что необходимо ввести в поле). При постановке курсора серый текст исчезает, и пользователь может вводить необходимый запрос.
Префиксы CSS3 для разных браузеров Opera, Chrome, Firefox
Часто при работе приходится использовать префиксы СSS3, так же называемые вендорными префиксами. Префиксы — особые дополнения для CSS свойств, добавляемые для свойств отсутствующих в стандарте. Префиксы CSS3 вводят разработчики браузеров.
CSS спрайты. Примеры построения
Одной из ключевых задач CSS спрайтов является оптимизация графики загружаемой страницы. Какова задача этой оптимизации и зачем ее необходимо выполнять? Идея заключается в следующем: пока страница не оптимизирована, графические элементы представляют собой отдельные файлы. Количество подобных элементов превышает 5 или 10 штук, следовательно, для того, чтобы загрузить каждую картинку, браузер осуществляет отдельный запрос.
Делаем модальное окно с помощью HTML5
Модальные окна используются в качестве форм входа в учетную запись, регистрационных форм, для привлечения внимания пользователя к чему-то важному. Раньше для создания модальных окон подключались различные внешние плагины, такие как UI Dialog или аналоги. С выходом HTML5 появилась возможность создавать модальные окна, используя тег <dialog>.
Способы проверки валидации сайта
Если вы когда-нибудь занимались разработкой собственного сайта, Вы, скорее всего, сталкивались с таким понятием как валидация сайта. Суть валидации достаточно проста — фактически, это проверка HTML кода. Как сочинение по языку должно быть написано грамотно и без ошибок в соответствии с требованиями к оформлению, так и код страницы должен быть выполнен качественно, без помарок и неточностей.
Более 35 CSS инструментов и JQuery плагинов за 2015 год
Представляем вашему вниманию разнообразные иконки, символы кнопки на CSS3, а также популярные JQuery плагины, фреймворки и еще много всяких полезностей за 2015 год для вебмастера и дизайнера.
Как создать эффект параллакса с помощью CSS?
Уже довольно давно очень популярны сайты с так называемым эффектом параллакса. Если вы еще не слышали о параллаксе и не очень-то представляете, что это такое, в двух словах его можно описать как эффект, позволяющий прокручивать разные слои в разных направлениях или с разной скоростью. Параллакс очень здорово справляется с созданием оптической глубины, привлекая и удерживая внимание посетителя сайта.
Как сделать прозрачный фон на CSS?
Использование CSS дарит множество возможностей для совершенствования веб-ресурсов, одним из наиболее популярных свойств, которое можно создать при помощи каскадной таблицы стилей, является прозрачность фона. Многие вебмастера отдают этой «фишке» предпочтение, однако не все знают, как выполнить это правильно.