Символьный SVG-спрайт. Подробное руководство

Символьный SVG-спрайт. Подробное руководство

Если вы из тех разработчиков, кто только задумывается о внедрении в свой проект svg-спрайтов или из тех, кто давно хотел, но не знает с чего начать, эта статья определенно будет вам полезна. Об удобстве и пользе спрайтов вообще и SVG-спрайтов … Continued
Отправка формы: событие и метод submit

Отправка формы: событие и метод submit

При отправке формы срабатывает событие submit, оно обычно используется для проверки (валидации) формы перед её отправкой на сервер или для предотвращения отправки и обработки её с помощью JavaScript. Метод form.submit() позволяет инициировать отправку формы из JavaScript. Мы можем использовать его … Continued
HTML Input Types (Eng)

HTML Input Types (Eng)

В этой главе описываются различные типы HTML <input> элемент.
Адаптивные изображения

Адаптивные изображения

В данной статье мы изучим концепцию гибких (responsive) изображений — таких, которые отображаются хорошо на устройствах с сильно отличающимися размерами экрана, разрешением, и другими характеристиками — и рассмотрим инструменты, которые имеются в HTML для их реализации.
Когда бывает нужен calc()

Когда бывает нужен calc()

С каждым днём нахожу всё больше применений для calc(). Он действительно полезный
<input>

Тег <input> позволяет создавать интерактивные элементы на сайте — поле для ввода текста, кнопка, ползунок, переключатель и другие.
Меню бургер за 10мин для начинающих!

Меню бургер за 10мин для начинающих!

В этом видео мы сделаем очень простое бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Меню адаптируется под мобильные устройства. Анимируется сама иконка, из бургера она превращается в крестик. Навигация всегда прижата к верхней … Continued
Как подготовить вёрстку к Retina-экранам

Как подготовить вёрстку к Retina-экранам

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