После выхода 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

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


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

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


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


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

В один "прекрасный момент" Руцентр сделал услугу Управление ДНС платной, что повлекло за собой трудности, например, с настройкой почты для домена от Яндекса.

Для себя я решил эту проблему, подняв свой DNS сервер на linux. Настройки будут для Centos 7, но отличие от других систем только в процессе установки пакетов и их именах.


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

Существует хороший проект JQVMap, он позволяет разместить интерактивную карту с разделением по географическим регионам.

Для него существует карта России, но, как не странно, все названия регионов в ней только на английском.


Категории: Web, Сторонние сервисы
Пометки: русифицированная карта для jqvmap

Мета тег viewport, предназначен для указания, как на мобильных устройствах должна отображаться "область просмотра". Далее будет несколько примеров.


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

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


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

Аналоги awesome font

18.03.2020 23:10:51

Для тех, кому надоел awesome font или, по какой-то причине, этот набор иконок не устраивает, в статье представлены несколько похожих иконочных шрифтов.


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

Это краткая заметка про имена классов при использовании методологии БЭМ для верстки Html.


Категории: Web, CSS
Пометки: Металлогения BEM
Яндекс.Метрика