FrontEndDev
28.3K subscribers
2.32K photos
23 videos
7.52K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Новые типы микроразметки для расширенных интерактивных сниппетов

https://habr.com/ru/company/promopult/blog/465577/

#web

В Chrome 78 начнутся эксперименты с включением DNS-over-HTTPS

https://www.opennet.ru/opennews/art.shtml?num=51488

Немного о DNS-over-HTTPS https://bit.ly/2kldhrf

#css

CSS Grid: подборка типичных журнальных раскладок

https://codepen.io/oliviale/full/GRKQoKM

#js

Метрономы в JavaScript

Всегда поражался тому, как работают сайты с метрономами (переодически приходилось юзать), ведь с однопоточным js трудно соблюдать нужную частоту.

Для решения этой проблемы есть несколько вариантов: async await, web workers или Web Audio clock.
Вот их небольшое сравнение

https://meowni.ca/posts/metronomes/
check-imports — CLI инструмент, который парсит импорты и автоматически добавляет зависимости в package.json, удаляя лишние

https://github.com/finom/check-imports
CSS переменные и цветовая тема для сайта в несколько строк

https://habr.com/ru/post/466587/

#js

css-dot-js-loader — Webpack loader, позволяющий генерировать статичный CSS с помощью JavaScript

https://github.com/finom/css-dot-js-loader
Прозрачные кнопки с hover эффектом, зависящим от стороны наведения

https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/
«Заходят два браузера в скролл-бар». Зак Лезерман о поведении и возможностях кастомизации скроллбаров

https://www.filamentgroup.com/lab/scrollbars/