Воссоздание икосаэдра с веб-сайта 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...