FrontEndDev
28.5K subscribers
2.25K photos
22 videos
7.46K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Отзывчивое видео теперь (почти) просто реализовать

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

https://www.kooslooijesteijn.net/blog/responsive-video-easy
🔥11👍31
Гладкие края в radial-gradient() без артефактов

Ана Тюдор делится трюком: с помощью медиазапросов по разрешению можно добиться того, чтобы радиальные градиенты выглядели чёткими и не размывались. Такой приём помогает сделать фоновые круги и диски максимально аккуратными — без привычных «лесенок» и артефактов.

https://frontendmasters.com/blog/obsessing-over-smooth-radial-gradient-disc-edges/
👍10🔥2😐2
Вы неправильно загружаете шрифты (и это сказывается на производительности)

Джоно Олдерсон объясняет, как работают веб-шрифты и почему их неправильная загрузка может замедлять сайт. В статье разбираются оптимальные стратегии подключения — от выбора форматов до настройки font-display, чтобы ускорить рендеринг и улучшить пользовательский опыт.

https://www.jonoalderson.com/performance/youre-loading-fonts-wrong/
👍13🔥21
Использование Custom Highlight API

Custom Highlight API позволяет вам стилизовать участки текста в документе, используя JS для выделения и CSS для стилизации, что может быть удобно для реализации поиска по странице.

https://frontendmasters.com/blog/using-the-custom-highlight-api/
1🔥9👍21