Стилизация и замена полей типа number
Обычно поля типа number, или числовые поля, используют для указания количества товара в любом интернет-магазине или для изменения неких цифровых значений (температуры, веса, количества чего-либо). […]
Последние записи: HTML
Атрибут popover в HTML
Popover — это относительно новый HTML-атрибут, позволяющий создавать всплывающие окна на основе простых элементов в вашей HTML-разметке.
Использование html-элемента dialog для создания модального окна
Элемент dialog в HTML является пока еще экспериментальной технологией, хотя и с очень хорошей поддержкой браузерами, и предназначен для отображения диалоговых (всплывающих) или модальных окон. […]
Валидация полей формы в HTML с помощью атрибута pattern
Валидация полей формы — это проверка на стороне клиента, т.е. на компьютере пользователя, который пришел к вам на сайт и эту форму заполнил. Она происходит […]
Стилизуем ползунок (input type="range")
Ползунки, которые в HTML-коде представлены тегом <input type=»range»>, обычно довольно скучны. Однако стилизация этих ползунков может быть разнообразной, очень красивой и даже похожей на подарок […]
Адаптивные изображения с помощью атрибута srcset и тега picture в HTML5
Когда вы верстаете адаптивный сайт, вы наверняка задумываетесь о том, как должны выглядеть ваши изображения. И тут вас должны интересовать 2 аспекта: Насколько изображения вписываются […]
Подключаем Git для Visual Studio Code
Для контроля версий и быстрого доступа к файлам из любой точки, в которой есть Интернет, обычно используют GitHub. На локальном компьютере для этой цели используют […]
Стилизация переключателей (радио-кнопок) в CSS
Радио-кнопки подразумевают, что вы выбираете один элемент из некоторого количества, поэтому элемент <input type=»radio»> получил название переключателя в отличие от флажков, которые подразумевают множественный выбор. […]
Стилизация флажков (чекбоксов) в CSS
Наверняка вы задумались о том, как можно изменить стандартный вид флажков (чекбоксов), чтобы они выглядели привлекательней с учетом дизайна вашего сайта или задач одной конкретной […]
HTML и семантика
Если вы только начали изучать HTML, то загадочное слово «семантика», должно быть, поставило вас в тупик. Семантика — это раздел лингвистики, изучающий смысловое значение единиц […]
Варианты оформления блока "Наша команда" и профиля пользователя
В этой статье вы найдете подборку примеров кода с ресурса codepen.io, которые предлагают интересные решения с точки зрения дизайна и кода для таких блоков вашего […]
Отладка JavaScript в Chrome DevTools
При написании кода JavaScript вы наверняка будете сталкиваться с ошибками. Для поиска ошибок можно использовать console.log() , выводя в консоль значения каких-либо переменных. Иногда можно […]
Ссылки на email, телефон, Viber, Telegram, WhatsApp
Обычные ссылки в атрибуте href имеют адрес, который начинается с https:// (намного реже уже с http://) или просто указание на страницу текущего сайта, например, <a href=»pages/about.html»> […]
10 шагов к оптимизации вашего сайта
Когда вы только начинаете изучать HTML/CSS, то главным моментом для вас является запомнить все или хотя бы основные теги, понять сам принцип их использования, разобраться […]
Подробно об Инструментах разработчика Firefox
В этом обзоре мы рассмотрим некоторые из замечательных инструментов разработчика, которые есть в браузере Firefox «из коробки», т.е. без установки дополнительных расширений.
Использование изображений Unsplash.com на страницах сайта
Unplash.com — очень известный сайт, на котором вы найдете изображения на самую разную тематику, причем бесплатно или за условную плату в виде предложения поделиться этим […]
Примеры использования html-тегов figure и figcaption
HTML-теги figure и figcaption появились в стандарте HTML5 для формирования блока с картинкой и описания к ней. Кроме того, эти теги можно применять для оборачивания […]
Псевдоклассы и псевдоэлементы для оформления элементов форм
Псевдоэлемент ::placeholder Псевдоэлемент ::placeholder позволит вам оформить внешний вид текста, который выводится с помощью атрибута placeholder для любого текстового поля формы. Как правило, используются теги […]
