Картинка вместо чекбокса

Картинка вместо чекбокса

Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.
Как прятать

Как прятать

Когда display: none, а когда visibility: hidden? — спрашивает нас RedFox. Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут.
Справочник EMMET сокращений для ускорения верстки

Справочник EMMET сокращений для ускорения верстки

Справочник EMMET сокращений или шпаргалка EMMET представляет собой сборник всех комбинаций команд или аббревиатур широко известного плагина для ускорения верстки. EMMET может все использоваться совместно с такими редакторами, как Sublime Text, PHPStorm и WebStorm, NetBeans, Eclipse, Aptana, Coda, TextMate, Komodo … Continued
Критерии качества вёрстки 2021

Критерии качества вёрстки 2021

Эти критерии касаются нашего первого уровня вёрстки, то есть задач, связанных с фиксированной вёрсткой без адаптивности и без специфичных требований к вёрстке (например, по натяжке на конкретную CMS)
< input type="tel" >

< input type="tel" >

Интерактивный пример < input > элемент типа tel используется чтобы разрешить пользователю вводить и редактировать номер телефона.
Web-технологии

Web-технологии

Web-технологии: HTML, DHTML, JavaScript, PHP, MySQL, Ajax, Api
Как увеличить размер чекбокса и радиопки

Как увеличить размер чекбокса и радиопки

Сейчас задача заключается в том, чтобы увеличить кликабельную часть checkbox или radio, и решать я ее буду с помощью современных инструментов, а именно на чистом CSS. Заодно проведу работу над ошибками и сделаю стилизацию элементов так, как должно быть
Как подключить svg спрайт в файл в html и css

Как подключить svg спрайт в файл в html и css

Есть сгенерированый svg спрайт - sprite.svg c symbol Если вставлять прямо в html, то все подключается отлично Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается Почему не отображается иконка и как подключить в стили css иконку из спрайта?
CSS справочник

CSS справочник

CSS-справочник от «html5book.ru». Элементы по алфавиту и по разделам
CSS свойство background-image как антипаттерн

CSS свойство background-image как антипаттерн

CSS свойство background-image позволяет нам делать крутые вещи, но в большинстве случаев наступило время оставить его позади.