Перечень основных терминов и сборник примеров по технологии css grid.
Web:
Обзорная статья по CSS Grid
Бывает нужен блок, который на больших экранах выглядит как таблица с несколькими колонками, а на экранах с маленьким разрешением как одна вертикальная полоса.
Ниже будет пример того, как это можно сделать с использованием css свойств flexbox.
После выхода Font Awesome 5'ой версии, появление PRO, kit и т.д. стало сложно найти прямую ссылку на CDN шрифта. Оставлю тут памятку:
<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet">
Проверка:
<i class="fas fa-check"></i>
Также SVG версия:
<script defer src="https://use.fontawesome.com/releases/v5.10.2/js/all.js"></script>
Когда требуется разместить на сайте видео, можно можно использовать HTML 5 тег video. А добавив несколько css стилей, он будет адаптироваться под разные экраны.
Иногда требуется отсортировать HTML таблицу, без обращения к серверу. Это можно спокойно сделать на простом JavaScript.
Как не странно, но столкнулся с тем, что многие говорят, что у них видео, которое нужно залить на сайт, сделано в для igtv (Имеется в виду, что видео для Instagram было записано в вертикальном положении) и они не знают как разместить его на сайте.
Autocomplete (автозаполнение полей браузером) не всегда удобно, особенно учитывая, что браузер сам определяет чем заполнять поле, и далеко не всегда "угадывает".
Также, например, исходя из соображений безопасности, некоторые поля тоже не нужно заполнять.
Для этого в HTML существует атрибут autocomplete, но вот беде, после определенного обновления браузере Chrome перестал воспринимать этот атрибут.
Иногда пользователю нужно отправить на сервер не один файл, и не парочку из папки, а содержимое всей директории.
Чаще всего это делается через "выделить все", но есть более новый и удобный способ: webkitdirectory или directory, этот атрибут формы позволяет выбрать, используя стандартное окно выбора файла браузера, папку целиком.
Довольно эффектно смориться, если задний фон сайта не картина, а настоящие видео. Такое можно легко сделать на css и html 5.
Новый иконочный шрифт, на этот раз от google
Очередной конкурент для Font Awesome - новый иконочный шрифт Material System icons на этот раз от google.