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
#web

Как оптимизировать ваше приложение JavaScript с помощью сервис воркеров

https://www.freecodecamp.org/news/optimize-your-javascript-app-by-using-service-workers/

#ts

Миграция с JavaScript на TypeScript на реальном React проекте

https://drublic.de/blog/from-js-to-typescript/
Мой любимый CSS хак.

Как пара строк на css помогают при разработке, обозначая границы слоев и контента.

https://dev.to/gajus/my-favorite-css-hack-32g3
Vue PWA: пример прогрессивного веб-приложения с Nuxt

https://snipcart.com/blog/vue-pwa

#js

hashids.js — Небольшая JS библиотека для генерации YouTube-подобных идентификаторов из чисел.

https://github.com/niieani/hashids.js
Новые типы микроразметки для расширенных интерактивных сниппетов

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/