Перечень основных терминов и сборник примеров по технологии css grid.


Категории: Web, CSS

Бывает нужен блок, который на больших экранах выглядит как таблица с несколькими колонками, а на экранах с маленьким разрешением как одна вертикальная полоса.

Ниже будет пример того, как это можно сделать с использованием css свойств flexbox.


Категории: Web, CSS, -Памятка-
Пометки: Как сделать двухколончатую таблицу на css flex css flex таблица, 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>


Категории: Web, HTML, CSS

Далеко не всех устраивает, если ссылки на сайте содержат ID (/blog/1), намного более привлекательный вид имеют человеко понятные url'ы (/blog/my_first_title).

Далее будет описание как добавить ЧПУ в проект на Laravel.


Категории: Web, Laravel

Иногда на сайтах можно встретить ошибку "A Value for the Position Field is required" в микроразметке хлебных крошек (BreadcrumbList) от гугла:

pic1


Категории: Web, -Памятка-

Столкнулся с проблемой в ocStore (Русский OpenCart) - создаем статью, но после перехода по ЧПУ ссылке, получаем 404 ответ.


Категории: Web, CMS / Framework
Пометки: Выдает 404 вместо новой страницы, ocstore 404

В PhpStorm есть встроенный клиент для HTTP запросов. Достаточно создать файл с расширением .http или .rest, вписать в него URL ресурса и в интерфейсе сразу появится возможность его выполнить.


Категории: Web
Пометки: HTTP Client in PhpStorm

Хорошая идея - сделать шрифт, который сам меняет свой размер в зависимости от размера экрана.


Пометки: Отзывчивый / "резиновый" шрифта на CSS

В редакторе Phpstorm можно настроить автоматическую компиляцию SCSS в CSS.


Не всегда целесообразно добавлять в проект wysiwyg редактор, но все же требуется несколько базовых возможностей. Например, выделение текста жирным.


Категории: Web, JavaScript
Пометки: Получение выделенного текста в textarea, wysiwyg редактор
Яндекс.Метрика