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 — это способ максимально избегать повторения в таблицах стилей. Этот подход не панацея, но он достаточно эффективен и является одним из...
Как правильно создавать HTML-формы: безопасность
https://austingil.com/how-to-build-html-forms-right-security/
https://austingil.com/how-to-build-html-forms-right-security/
Austin Gil
How to Build HTML Forms Right: Security
This article covers security aspects to consider when creating forms for the web. We'll be applying security principles for the frontend, backend, DNS and more.
5 советов по написанию качественных переменных в JavaScript
https://dmitripavlutin.com/javascript-variables-best-practices/
https://dmitripavlutin.com/javascript-variables-best-practices/
Dmitri Pavlutin Blog
5 Best Practices to Write Quality JavaScript Variables
5 best practices on how to write quality JavaScript variables: prefer const, minimize scope, close to use place, and more.
Представляем WMR: Крошечный универсальный инструмент для разработки современных веб-приложений. Все, что вам нужно для создания быстрого сайта Preact, от разработки до прода. TSX, HMR, CSS Modules, модули npm без установки, никаких зависимостей
https://github.com/preactjs/wmr
https://github.com/preactjs/wmr
GitHub
GitHub - preactjs/wmr: 👩🚀 The tiny all-in-one development tool for modern web apps.
👩🚀 The tiny all-in-one development tool for modern web apps. - preactjs/wmr
Создание приложения для голосования в реальном времени с использованием ReactJS и Ably
https://dev.to/akashgupta1116/building-a-real-time-voting-app-using-reactjs-and-ably-23pp
https://dev.to/akashgupta1116/building-a-real-time-voting-app-using-reactjs-and-ably-23pp
DEV Community
Building a real-time voting app using ReactJS and Ably
If you wish to try out the final outcome check out the live demo. Realtime web technologies have bee...