HTML Input Types (Eng)
В этой главе описываются различные типы HTML <input> элемент.
HTML5CSS Как сделать. Примеры онлайн
Фрагменты кода для HTML, CSS и JavaScript.
Адаптивные изображения
В данной статье мы изучим концепцию гибких (responsive) изображений — таких, которые отображаются хорошо на устройствах с сильно отличающимися размерами экрана, разрешением, и другими характеристиками — и рассмотрим инструменты, которые имеются в HTML для их реализации.
Когда бывает нужен calc()
С каждым днём нахожу всё больше применений для calc(). Он действительно полезный
Тег <input> позволяет создавать интерактивные элементы на сайте — поле для ввода текста, кнопка, ползунок, переключатель и другие.
Меню бургер за 10мин для начинающих!
В этом видео мы сделаем очень простое бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Меню адаптируется под мобильные устройства. Анимируется сама иконка, из бургера она превращается в крестик. Навигация всегда прижата к верхней … Continued
Как подготовить вёрстку к Retina-экранам
Есть множество способов подготовить вёрстку, начиная от использования медиавыражений и заканчивая написанием скриптов. Мы не будем углубляться в эту тему и разберём только основные моменты, которые полезно знать начинающим веб-разработчикам.
w3schools (Eng)
Научитесь программировать С помощью крупнейшего в мире сайта веб-разработчиков.
Как подключить svg спрайт в файл в html и css
Есть сгенерированый svg спрайт - sprite.svg c symbol
Если вставлять прямо в html, то все подключается отлично
Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается
Почему не отображается иконка и как подключить в стили css иконку из спрайта?
Модальные окна на CSS
Модальные окна часто устанавливают на сайт, для того чтобы разместить необходимую информацию, такую как форма обратной связи, инструкцию или правила. С этими модальными окнами на чистом CSS не нужно тратить много времени на их установку