Как я верстала раньше? — Я набирала символ за символом:
...
С emmet я набираю: .content-wrapper и получаю
с нужным классом ul.categories-list>li.categories-list__item*3 и получаю список с классом и тремя вложенными пунктами с классами в стилях dn - получаю display: none; в стилях m10-20 получаю margin: 10px 20px;
Важно: после ввода нажимаем Enter
Работает без установки плагинов в: - Vs Code, - PHP Storm, - WEB Storm, но в каких-то редакторах, возможно, может потребоваться установить плагин Emmet Abbreviation
Документация: https://docs.emmet.io/abbreviations/ Еще две статьи-руководства: https://skillbox.ru/media/code/uskoryaem-vyerstku-ispolzuya-emmet/ https://code.visualstudio.com/docs/editor/emmet
input[type="range"], кроссбраузерные стили Тип инпута, в котором значение выбирается с помощью ползунка:
Его стилизация на чистом css — непростая задача, но кроме этого внешний вид может отличаться в разных браузерах.
Существуют генераторы стилей для этого элемента — генератор ниже позволяет задать стили с префиксами для: всего инпута: общую высоту и класс track, trumb, progress: цвет, цвет границы, размер, цвета для состояний :hover и :active, в том числе градиент другие параметры
2022-11-02 18:09:00Верстка, базовый код Вы создали index.html и style.css, как быстро написать заглавные теги? — VS Code позволяет это сделать за 1 минуту!
В index.html введите восклицательный знак и нажмите Tab. У вас есть базовые теги. Теперь в конце , перед закрывающим введите link:css - вы только что подключили стили.
2022-11-02 15:04:25Типы данных js, NaN NaN не равен самому себе. Мы нашли её! Штука, которая не равна сама себе, она существует! Если при вычислениях произошла ошибка, или например неудачно преобразовали строку в число, мы можем получить значение NaN. Если мы поставим проверку, на равенство(1) или не равенство(2) вычислений NaN, то мы получим бесполезную проверку, потому что условие никогда не будет верно(1) или всегда будет выполняться(2). Потому что NaN не равен NaN. Не верите? console.log(NaN === NaN);
При этом, есть функция isNaN, с помощью которой можно проверить, что что-то равно NaN. isNaN(NaN) равен true.
2022-11-02 14:58:28Галерея, адаптивная верстка Есть три типа блока: длинный, узкий, маленький. Фон у каждого картинка, содержимого нет. Задача: сделать адаптив, т.е. верстку с сохранением пропорций при изменении ширины экрана. При добавлении картинок она перестраивается так, чтобы внешний вид сохранялся. Подробный разбор, длительность видео 1 час:
2022-10-28 19:58:16Песочница с кодом Если нужно просто проверить какие-то гипотезы, бывает нужен онлайн-редактор кода. В данном редакторе вы можете выбрать фреймворк и работать, как с приложением на react, vue и тд, чистый js, возможно с версткой, bootstrap, scss, jquery и многое другое https://playcode.io/