Стилизация и замена полей типа number
Обычно поля типа number, или числовые поля, используют для указания количества товара в любом интернет-магазине или для изменения неких цифровых значений (температуры, веса, количества чего-либо). […]
Последние записи: 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 для любого текстового поля формы. Как правило, используются теги […]
CodeLobster IDE – бесплатный PHP, HTML, CSS, JavaScript редактор
При выборе текстового редактора вам придется учитывать ряд моментов, самыми важными из которых будет количество языков разметки или программирования, которые вам будут нужны, расширяемость редактора, […]
