Подробности об использовании 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...
SEO-оптимизация сайта на React или как добиться конверсии от поисковиков если у вас Single Page Application
https://habr.com/ru/company/rshb/blog/529636/
https://habr.com/ru/company/rshb/blog/529636/
Хабр
SEO-оптимизация сайта на React или как добиться конверсии от поисковиков если у вас Single Page Application
SEO-оптимизация сайта на React или как добиться конверсии от поисковиков если у вас Single Page Application Смоделируем ситуацию: Вы являетесь членом команды веб-разработчиков, занимающихся созданием...
Ваша первая попытка сделать что-либо доступным будет ужасной
https://sheribyrnehaber.com/your-first-attempt-at-making-anything-accessible-will-be-awful
https://sheribyrnehaber.com/your-first-attempt-at-making-anything-accessible-will-be-awful
Sheri Byrne-Haber's Blog
Your first attempt at making anything accessible will be awful - Sheri Byrne-Haber's Blog
Don’t use this as an excuse. Even awful is better than 98 % of what other people are doing. Read more.
React-Tensorflow — библиотека React хуков, написанная на Typescript для использования моделей Tensorflow в вашем приложении
https://github.com/joshuaellis/react-tensorflow
https://github.com/joshuaellis/react-tensorflow
GitHub
GitHub - joshuaellis/react-tensorflow: Tensorflow hooks for React.js
Tensorflow hooks for React.js. Contribute to joshuaellis/react-tensorflow development by creating an account on GitHub.
Наглядный туториал о разработке интернет-магазина на nuxt.js
https://www.apisful.com/tutorials/ru/internet-magazin-vue-js-nuxt-js-apisful/
https://www.apisful.com/tutorials/ru/internet-magazin-vue-js-nuxt-js-apisful/
Apisful
Интернет-магазин на vue.js + nuxt.js + apisful
Разберемся как использовать nuxt js, зачем он нужен, как бесплатно и в пару кликов получить бэкенд для своего проекта.
Puppeteer vs Selenium vs Playwright — сравнение скорости
https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/
https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/
Checkly
Puppeteer vs Selenium vs Playwright, a speed comparison
Which one runs faster? Puppeteer, Playwright, WebDriverIO or Selenium? We ran our own benchmark to find out.
Опасности использования объектов в useState и useEffect ReactJS Hooks
https://coletiv.com/blog/dangers-of-using-objects-in-useState-and-useEffect-ReactJS-hooks/
https://coletiv.com/blog/dangers-of-using-objects-in-useState-and-useEffect-ReactJS-hooks/