Smart Search — Эффективный способ загрузки больших объемов данных во фронтенд приложения и интуитивно понятная работа с ними
https://github.com/chalu/smart-search
https://github.com/chalu/smart-search
GitHub
GitHub - chalu/smart-search: Smart and performant way to load large data into Frontend apps and query such data
Smart and performant way to load large data into Frontend apps and query such data - chalu/smart-search
meta-fetcher: крошечный парсер мета-данных по указанному URL
https://github.com/RocktimSaikia/meta-fetcher
https://github.com/RocktimSaikia/meta-fetcher
Создание отзывчивого медиa-браузера на CSS
https://piccalil.li/tutorial/build-a-responsive-media-browser-with-css/
https://piccalil.li/tutorial/build-a-responsive-media-browser-with-css/
Piccalilli
Build a responsive media browser with CSS
Using the power of modern CSS layout, we create a flexible media browser and video player layout that maintains its aspect ratio at all viewports.
Как создать прогрессивное веб-приложение на React (PWA)
https://www.codica.com/blog/how-to-create-pwa-with-react/
https://www.codica.com/blog/how-to-create-pwa-with-react/
Codica
How to Create a PWA with React 📱 Progressive Web Apps Guide
Need expert advice on how to create a PWA with React? Check this thorough PWA development tutorial prepared by our React programmers.
spotify-api — быстрая обёртка для взаимодействия со spotify api
https://github.com/spotify-api/spotify-api.js
https://github.com/spotify-api/spotify-api.js
GitHub
GitHub - spotify-api/spotify-api.js: A complete wrapper for spotify web api for deno, node.js and the browser.
A complete wrapper for spotify web api for deno, node.js and the browser. - spotify-api/spotify-api.js
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
https://habr.com/ru/company/ruvds/blog/521820/
https://habr.com/ru/company/ruvds/blog/521820/
Хабр
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?
Мы, выбирая фреймворк для нового веб-проекта, обычно склонны останавливаться на инструментах, с которыми знакомы, не обращая внимания на то, насколько хорошо они подходят для этого проекта. Я же...
Создание модального диалога с использованием yieldable named blocks
https://www.balinterdi.com/blog/making-a-modal-dialog-using-yieldable-named-blocks/
https://www.balinterdi.com/blog/making-a-modal-dialog-using-yieldable-named-blocks/
Balinterdi
Making a modal dialog using yieldable named blocks
Balint Erdi's technical blog
min(), max() и clamp(): три логические функции CSS для использования уже сегодня
https://web.dev/min-max-clamp/
https://web.dev/min-max-clamp/
web.dev
CSS min(), max(), and clamp() | Articles | web.dev
Min, max, and clamp provide powerful CSS capabilities that enable more responsive styling with fewer liens of code. This post goes over how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS math…
Отслеживание пользователей с помощью CSS
https://medium.com/javanoscript-in-plain-english/tracking-with-css-ec98e3d81046
https://medium.com/javanoscript-in-plain-english/tracking-with-css-ec98e3d81046
Medium
User-Tracking With CSS Only
Device type, operating system & movements
Не лайтхаусом единым: как проверить свой сайт со всех сторон
https://habr.com/ru/company/vdsina/blog/522932/
https://habr.com/ru/company/vdsina/blog/522932/
Хабр
Не лайтхаусом единым: как проверить свой сайт со всех сторон
Когда мы говорим о веб-валидаторах и оптимизации сайта под них, мы чаще всего имеем ввиду Lighthouse/Pagespeed Insights от Google, который давно стал де-факто стандартом для оценки производительности...
Как сделать загрузку файлов с React + Google Storage + GraphQL
https://www.smashingmagazine.com/2020/10/file-uploads-react-apollo-google-storage-graphql
https://www.smashingmagazine.com/2020/10/file-uploads-react-apollo-google-storage-graphql
Smashing Magazine
How To Manage File Uploads In React With Google Storage And GraphQL — Smashing Magazine
From a user’s profile picture to other media assets, data collection and storage to cloud services through file uploads have become an essential feature for most modern applications. Today, Nwani Victory will show you how to file uploads that can be implemented…
Как в Cloudflare генерируют криптоключи с помощью «стены энтропии» из 100 лава-ламп
https://ain.ua/2020/10/25/kak-v-cloudflare-generiruyut-kriptoklyuchi-s-pomoshhyu-steny-entropii/
https://ain.ua/2020/10/25/kak-v-cloudflare-generiruyut-kriptoklyuchi-s-pomoshhyu-steny-entropii/
AIN.UA
Как в Cloudflare генерируют криптоключи с помощью «стены энтропии» из 100 лава-ламп
Американская компания Cloudflare предоставляет DNS-сервис, а также защиту от DDoS, услуги по безопасности, шифрованию, сертификаты SSL и подобные сервисы. Для криптографических целей в компании много лет подряд используют набор из 100 лава-ламп. О том, как…
fingerprintjs — Создает идентификатор посетителя веб-сайта по цифровому отпечатку браузера
https://github.com/fingerprintjs/fingerprintjs
https://github.com/fingerprintjs/fingerprintjs
GitHub
GitHub - fingerprintjs/fingerprintjs: The most advanced open-source browser fingerprinting library
The most advanced open-source browser fingerprinting library - fingerprintjs/fingerprintjs
Добавление PWA (прогрессивных веб-приложений) Chromium Edge в Microsoft Store
https://medium.com/pwabuilder/bringing-chromium-edge-pwas-progressive-web-apps-to-the-microsoft-store-c0bd07914ed9
https://medium.com/pwabuilder/bringing-chromium-edge-pwas-progressive-web-apps-to-the-microsoft-store-c0bd07914ed9
Medium
Bringing Chromium Edge PWAs (Progressive Web Apps) to the Microsoft Store
The Microsoft Store was the first app store to support Progressive Web Apps. PWAs have since become one of the leading ways to distribute…
Самые полезные инструменты и методы тестирования доступности
https://blog.sapegin.me/all/accessibility-testing/
https://blog.sapegin.me/all/accessibility-testing/
Artem Sapegin
The most useful accessibility testing tools and techniques
Shipping accessible features is as important for a frontend developer as shipping features without bugs, learn about tools and techniques that will help you achieve that.