Розширення для VS Code
- ESLint - валідатор для js коду
- Emet - Для автомотичного заповнення. Ex: svg>use
- Tabnine - розширення що дописує код
Різне
- Alt + multicursor = Заниснуть кільце мишки і протягнути курсор вниз multicursor
- p.test = p class="test"
- Як записати 5 штук тега "li": li*5
- Web developer - додаток на хром. Можна відмикати scc, js
- Validator HTML
- Tools: F12, Right click посмотреть код, Ctrl+Shift+I ./ Elements Styles
- Піпетка
- <кавички в html> (& lt;) = < (& gt;) = > тільки пишемо разом
- Пробіл (& nbsp;) тільки пишемо разом
- unicode-table
- Додати іконку: win + : ❌, ✅, ☑, ☐
Використання класів в CSS
- Класи без пробілів:
.div-grad.lin-gradient Значить обидва класи "&"
- Класи з пробілом: "or"
.scene .box - це не точно
- Задати стиль другому сусіду:
.scene + .scene { margin-left: 50px; }
.card2-grow > .content2-grow = &&
height, width
min-height: 100vh;
Висота вьюпорта (екрану)
-
height: 100dvh; = 100% видимої динамічної висоти браузера.
Екран підлаштується навіть якщо там зявиться строка пошуку.
-
width: min(100dvw, 60dvh);
= Вибрати мінімальне значення, або 100% ширини браузера, або 60% висоти
Плюшки button
- type="button"
- hidden true | false
- disabled true | false