Создание отзывчивого меди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.
Как создать реалистичный Motion Blur эффект с CSS Transitions
https://css-tricks.com/how-to-create-a-realistic-motion-blur-with-css-transitions/
https://css-tricks.com/how-to-create-a-realistic-motion-blur-with-css-transitions/
CSS-Tricks
How to Create a Realistic Motion Blur with CSS Transitions | CSS-Tricks
Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what we’re
Сможет ли генератор статических сайтов сделать мой сайт быстрее?
https://www.machmetrics.com/speed-blog/static-website-generator-make-my-site-faster/
https://www.machmetrics.com/speed-blog/static-website-generator-make-my-site-faster/
MachMetrics Speed Blog
Will A Static Website Generator Make My Site Faster? - MachMetrics Speed Blog
Let's talk about the pros and cons of using a static website generator, and how it can relate to an increase in performance for your website.