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

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

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

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


Быстрое создание HTML5 анимации

Быстрое создание HTML5 анимации

Появление HTML5 дало возможность создания анимированного контента без использования Flash. До того Flash применялся фактически на всех сайтах. Однако перейти на использование HTML5 довольно непросто, особенно для неподготовленного человека. Именно для того, чтобы помочь начинающим в создании анимации без использования Flash, была написана эта статья. В ней будет рассмотрена работа с сервисом генерации такой анимации. Этот сервис весьма прост в освоении и использовании.

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


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

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

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

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

15+ примеров супер крутых страниц 404 ошибки

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

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

Выдвигающаяся форма поиска для сайта

Выдвигающаяся форма поиска для сайта

На сегодняшний день все чаще дизайнеры отдают предпочтение стилю Flat, когда речь идет об оформлении страницы. Среди прочих компонентов, которые можно оформить с помощью данного стиля, следует обратить внимание на окно поиска. Чаще всего окно поиска статичное. Однако с применением Flat при установке курсора окно  развернется, после использования — обратно “свернется”.  Иконка поиска, расположенная в SVG-файле, будет адаптироваться под любой экран, будь это монитор с высоким расширением или смартфон.

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

Слайд-шоу с эффектом мозаики на javascript

Слайд-шоу с эффектом мозаики на javascript

Рассмотрим слайд-шоу. Слайд-шоу обычно используется для эргономичного расположения изображений, которые мы хотим показать посетителю. Один из видов слайд-шоу – мозаичная смена фоновых изображений с помощью javascript. Такой эффект смотрится весьма интересно. Далее будут рассмотрены несколько видов эффекта. Вы можете использовать любой на свое усмотрение.

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

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

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

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

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

Как сделать адаптивное модальное окно на jquery?

Как сделать адаптивное модальное окно на jquery

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

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

13 крутых эффектов загрузки страницы

13 крутых эффектов загрузки страницы

Рассмотрим, какие эффекты можно применить во время загрузки страницы. Такие эффекты довольно нетривиальны. Для создания анимированной части, используем библиотеку Snap.svg. Эта библиотека позволяет создавать любые формы, пригодные к использованию в качестве анимации загрузки. Основной целью является создание слоя, отображающегося во время загрузки, чтобы пользователь видел готовую страницу, а не процесс ее загрузки.

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