7 особенностей JavaScript, которые нужно знать, прежде чем изучать React
https://medium.com/swlh/7-javascript-features-you-need-to-know-before-learning-react-e77c3b3481d8
https://medium.com/swlh/7-javascript-features-you-need-to-know-before-learning-react-e77c3b3481d8
Medium
7 JavaScript Features You Need to Know Before Learning React
Learn the basics that you need before starting with React
Harold — CLI-инструмент, который сравнивает связанные с фронтендом файлы вашего проекта по размеру
https://github.com/funbox/harold
https://github.com/funbox/harold
GitHub
GitHub - funbox/harold: Compares frontend project bundles
Compares frontend project bundles. Contribute to funbox/harold development by creating an account on GitHub.
Boop! — симпатичные эффекты наведения с учетом законов физики
https://www.joshwcomeau.com/react/boop/
https://www.joshwcomeau.com/react/boop/
Joshwcomeau
Boop! A hover animation using React hooks • Josh W. Comeau
An in-depth tutorial that teaches how to create one of the most adorable interactions I've ever created. We'll learn how to use React components and hooks to abstract behaviours, and see how to design the perfect API. Even if you're not into animations, I…
Воссоздание икосаэдра с веб-сайта Rogier de Boevé’s
https://tympanus.net/codrops/2020/11/23/replicating-the-icosahedron-from-rogier-de-boeves-website/
https://tympanus.net/codrops/2020/11/23/replicating-the-icosahedron-from-rogier-de-boeves-website/
Codrops
Replicating the Icosahedron from Rogier de Boevé’s Website | Codrops
https://youtu.be/dyvhB6UVxwE Editor's note: We want to share more of the web dev and design community directly here on C
5 псевдоэлементов CSS, о существовании которых вы даже не подозревали (по мнению автора)
https://blog.logrocket.com/5-css-pseudo-elements-you-never-knew-existed/
https://blog.logrocket.com/5-css-pseudo-elements-you-never-knew-existed/
LogRocket Blog
5 CSS pseudo-elements you never knew existed - LogRocket Blog
Avoid writing unnecessary JavaScript code with these five CSS pseudo-elements you may have forgotten — or never even heard of.
Рендеринг на стороне сервера в JavaScript: современный подход
https://blog.appsignal.com/2020/11/25/server-side-rendering-in-javascript-a-modern-approach.html
https://blog.appsignal.com/2020/11/25/server-side-rendering-in-javascript-a-modern-approach.html
Appsignal
Server-side Rendering in JavaScript: A Modern Approach | AppSignal Blog
In this article, we're going to explore a few alternatives brewing in the community in regards to server-side rendering.
Глубокое погружение в Page Lifecycle API
https://blog.bitsrc.io/page-lifecycle-api-a-browser-api-every-frontend-developer-should-know-b1c74948bd74
https://blog.bitsrc.io/page-lifecycle-api-a-browser-api-every-frontend-developer-should-know-b1c74948bd74
Medium
Deep Dive into Page Lifecycle API
Page Lifecycle API enables efficient resource utilization for web pages. It is important to provide a good user experience.
JetBrains запилили таймлайн с основными событиями в истории JavaScript, к 25-летию языка.
https://www.jetbrains.com/ru-ru/lp/javascript-25/
https://www.jetbrains.com/ru-ru/lp/javascript-25/
JetBrains: Developer Tools for Professionals and Teams
JavaScript с нами уже 25 лет | JetBrains: профессиональные инструменты для разработчиков
Празднуйте 25-летие JavaScript вместе с JetBrains! Мы собрали в одном таймлайн все ключевые моменты из истории JavaScript.
Подробности об использовании CSS-функции minmax() в Grid-макетах
https://habr.com/ru/company/ruvds/blog/529830/
https://habr.com/ru/company/ruvds/blog/529830/
Хабр
Подробности об использовании CSS-функции minmax() в Grid-макетах
Существует множество руководств, в которых рассматриваются общие вопросы работы с CSS Grid, с механизмом, позволяющим создавать сеточные макеты. Я и сам немало о...
Как загружать шрифты так, чтобы побороть FOUT и сделать Lighthouse счастливым
https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/
CSS-Tricks
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy | CSS-Tricks
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they
I'm Ready — js библиотека для проверки, загружены ли изображения или видео
https://github.com/naver/egjs-imready
https://github.com/naver/egjs-imready
GitHub
GitHub - naver/egjs-imready: I'm Ready to check if the images or videos are loaded!
I'm Ready to check if the images or videos are loaded! - naver/egjs-imready
Как интернационализировать ваше приложение на React с i18next
https://medium.com/javascript-in-plain-english/how-to-internationalize-your-react-app-with-i18next-5e8ee9c85a2e
https://medium.com/javascript-in-plain-english/how-to-internationalize-your-react-app-with-i18next-5e8ee9c85a2e
Medium
How To Internationalize Your React App With i18next
Make your app available for more people
👍1
ODIFF — Самый быстрый в мире инструмент для определения пиксельной разницы изображения.
https://github.com/dmtrKovalenko/odiff
https://github.com/dmtrKovalenko/odiff
GitHub
GitHub - dmtrKovalenko/odiff: A very fast SIMD-first image comparison library (with nodejs API)
A very fast SIMD-first image comparison library (with nodejs API) - dmtrKovalenko/odiff
DRY CSS: Как использовать каждое объявление только один раз
https://habr.com/ru/company/domclick/blog/530620/
https://habr.com/ru/company/domclick/blog/530620/
Хабр
DRY CSS: Как использовать каждое объявление только один раз
Использование DRY в CSS — это способ максимально избегать повторения в таблицах стилей. Этот подход не панацея, но он достаточно эффективен и является одним из...