Перечень основных терминов и сборник примеров по технологии 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>
Интересная php библиотека для генерации QR Code и выдающая результат не в виде картинки, а в формате Svg
На самом деле она умеет генерировать: QR Code (Barcoder), Datamatrix, Code 128, EAN-8, EAN-13, UPC-A и UPC-E
Иногда необходимо произвести как-либо действия, если размер экрана изменился, но повесить событие onresize и выполнять весь код при любом изменении - бывает накладно по ресурсам.
Учитывая, что обычно действие требуется только при пересечении некоторого рубежа / брейкпоинта (например, только если ширина окна стала меньше 972px), то ниже будет примет решения такой задачи.
Частая задача - красиво оформить поле для прикрепления файла.
Основной проблемой тут является то, что сам элемент input type="file" через CSS кастомизировать можно плохо, поэтому его просто скрывают и оформляют кнопку место его кнопку, ссылку, label...
Но и тут есть проблема, обычно, такие кнопки не отображают файл который был выбран пользователем и, иногда, посетители сайта не могут понять, прикрепился их файл или нет.
Laravel ЧПУ для постов (SLUG)
Далеко не всех устраивает, если ссылки на сайте содержат ID (/blog/1), намного более привлекательный вид имеют человеко понятные url'ы (/blog/my_first_title).
Далее будет описание как добавить ЧПУ в проект на Laravel.
Иногда на сайтах можно встретить ошибку "A Value for the Position Field is required" в микроразметке хлебных крошек (BreadcrumbList) от гугла:
Столкнулся с проблемой в ocStore (Русский OpenCart) - создаем статью, но после перехода по ЧПУ ссылке, получаем 404 ответ.
Отладка HTTP запросов в PhpStorm
В PhpStorm есть встроенный клиент для HTTP запросов. Достаточно создать файл с расширением .http или .rest, вписать в него URL ресурса и в интерфейсе сразу появится возможность его выполнить.