Snipp.ru
Все для веб-разработчиков
Критерии качества вёрстки 2021
Эти критерии касаются нашего первого уровня вёрстки, то есть задач, связанных с фиксированной вёрсткой без адаптивности и без специфичных требований к вёрстке (например, по натяжке на конкретную CMS)
CSS свойство background-image как антипаттерн
CSS свойство background-image позволяет нам делать крутые вещи, но в большинстве случаев наступило время оставить его позади.
< input type="tel" >
Интерактивный пример
< input > элемент типа tel используется чтобы разрешить пользователю вводить и редактировать номер телефона.
Web-технологии
Web-технологии: HTML, DHTML, JavaScript, PHP, MySQL, Ajax, Api
Как прятать
Когда display: none, а когда visibility: hidden? — спрашивает нас RedFox. Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как спрятать блок и даже специальный атрибут.
Картинка вместо чекбокса
Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.
Как увеличить размер чекбокса и радиопки
Сейчас задача заключается в том, чтобы увеличить кликабельную часть checkbox или radio, и решать я ее буду с помощью современных инструментов, а именно на чистом CSS. Заодно проведу работу над ошибками и сделаю стилизацию элементов так, как должно быть
Как подключить svg спрайт в файл в html и css
Есть сгенерированый svg спрайт - sprite.svg c symbol
Если вставлять прямо в html, то все подключается отлично
Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается
Почему не отображается иконка и как подключить в стили css иконку из спрайта?
SVG – Scalable Vector Graphics
SVG – это двухмерная графика и тем не менее это текстовый формат, который можно легко править в блокноте или просто рисовать в векторных редакторах: