Линейное масштабирование размера шрифта с помощью CSS-clamp() на основе вьюпорта
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
CSS-Tricks
Linearly Scale font-size with CSS clamp() Based on the Viewport | CSS-Tricks
Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc().
Отличный туториал по разработке PWA приложений (сам посмотрел и теперь пилю свое)
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gTxqJBcDmoi5Q2pzDusSL7
YouTube
PWA Tutorial for Beginners
Share your videos with friends, family, and the world
Декларативный Shadow DOM. Новый способ реализации и использования Shadow DOM непосредственно в HTML.
https://web.dev/declarative-shadow-dom/
https://web.dev/declarative-shadow-dom/
Chrome for Developers
Declarative Shadow DOM | CSS and UI | Chrome for Developers
Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.
Добиваемся вертикального выравнивания
https://css-tricks.com/achieving-vertical-alignment-thanks-subgrid/
https://css-tricks.com/achieving-vertical-alignment-thanks-subgrid/
CSS-Tricks
Achieving Vertical Alignment (Thanks, Subgrid!) | CSS-Tricks
Our tools for vertical alignment have gotten a lot better as of late. My early days as a website designer involved laying out 960px wide homepage designs and
Что такое WeakSet в JavaScript и как это работает
https://blog.alexdevero.com/weakset-in-javanoscript
https://blog.alexdevero.com/weakset-in-javanoscript
Alex Devero Blog
What WeakSet in JavaScript is and How It Works
WeakSet is one of the newer JavaScript collections. Learn what WeakSet in JavaScript is, how it works and also when it might be useful.
Как автоматически настроить размер шрифта с помощью CSS font-size-adjust?
https://www.lambdatest.com/blog/css-font-size-adjust/
https://www.lambdatest.com/blog/css-font-size-adjust/
LambdaTest
How To Auto Adjust Your Font Size With CSS font-size-adjust?
CSS font-size-adjust property helps you to have a better representation of your web page across multiple browsers. This blog explains how CSS font-size-adjust works and how you can experiment with it on multiple browsers.
Начало работы с Eleventy, генератором статических сайтов.
https://www.sitepoint.com/getting-started-with-eleventy/
https://www.sitepoint.com/getting-started-with-eleventy/
Sitepoint
Eleventy Guide: A Framework-Agnostic Static Site Generator
Craig Buckler introduces Eleventy (11ty), a Node.js static site generator, showing how to build a simple site with pages and blog posts.
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