Сервис позволяет генерировать css код для тени. Есть несколько настроек, включающих: прозрачность, размытие и т.д.


Пометки: HTML тени

Итак проблема - на сайте есть очень тяжелая, порядка 10 мегабайт, страница.

Причиной такого размер является таблица, конкретно в этом случаи сделанная на li, с массой элементов.

Хуже того, в каждой строке (li), еще и множество div, span и т.д т.п. убрать которые нельзя.


Решение: генерировать станицу не на сервере, а передавать браузеру JSON с данными, и формировать страницу уже на клиенте.


Категории: Web, JavaScript
Пометки: javascript генерация li списка, для улучшения показателей google PageSpeed

Думаю все мы уже привыкли видит на сайтах значок рубля, вместо приписки "руб.", но что делать если кодировка сайта не utf-8, а windows-1251?


Категории: Web, HTML, CSS
Пометки: web шрифт со знаком рубля, знак рубля шрифтом

Довольно удобно, когда посетитель начинает вбивать название своего города, и ему выводится список и чем больше букв введено, тем список короче и конкретнее.


Категории: Web, JavaScript
Пометки: выбрать город из списка на сайт, autocomplete городов, КЛАДР, KLADR, автопредложение города

Emmet

29.10.2019 11:12:40

Уже давно использовал, в разных редакторах, возможность генерации целых блоков html по шаблонам вида: div.class>ul+.
И вот решил выяснить про данный функционал подробнее.


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

Данный способ получения /восстановления административного доступа к сайту на CMS Wordpress подойдет тем, у кого есть доступ к безе данных.


Категории: Web, WordPress
Пометки: wordpress изменить пароль администратора

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

Итак атрибут srcset позволяет задать какие картинки, при какой ширине экрана нужно загружать. Это позволяет не только экономить трафик, но и проходить Google pagespeed.


Категории: Web, HTML, CSS
Пометки: Адаптивные картинки, Адаптивные изображения используя srcset

Если, перед выводом содержимого страницы на экран, нужно что-либо изменить в контенте, то эта заметка будет вам полезной.

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


Категории: Web, WordPress
Пометки: wordpress hooks выдачи контента

Как не странно, но из коробки в Битриксе нет возможности настроить отправку писем через SMTP. Есть несколько бесплатных расширений, но иногда удобнее настроить все руками.


Категории: Web, PHP, Bitrix CMS, незаконченные
Пометки: Битрикс отправка email

После выхода Font Awesome 5'ой версии, появление PRO, kit и т.д. стало сложно найти прямую ссылку на CDN шрифта. Оставлю тут памятку:

 
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">

Проверка:

 
<i class="fas fa-check"></i>


Также SVG версия:

 
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>


Категории: Web, HTML, CSS
Яндекс.Метрика