Доступное и удобное для клавиатуры гамбургер-меню + выдвижная навигация
https://www.impressivewebs.com/accessible-keyboard-friendly-hamburger-menu-slide-out-navigation/
https://www.impressivewebs.com/accessible-keyboard-friendly-hamburger-menu-slide-out-navigation/
Impressive Webs
Accessible and Keyboard-Friendly Hamburger Menu + Slide Out Navigation
A live demo and tips on building an accessible hamburger menu that's keyboard-friendly and toggles a slide-out navigation panel.
Выделение фрагмента текста: как сделать ссылку на конкретный фрагмент текста на веб-странице и подсветить его.
Оказывается, не так уж и сложно)
https://mgearon.com/html/text-fragments/
Оказывается, не так уж и сложно)
https://mgearon.com/html/text-fragments/
Server Side Rendering React App с Deno
Очень короткий туториал.
https://dev.p.ota.to/post/server-side-rendering-react-app-with-deno-4qf28vm8axb/
Очень короткий туториал.
https://dev.p.ota.to/post/server-side-rendering-react-app-with-deno-4qf28vm8axb/
dev.p.ota.to
Potato | Server Side Rendering React App with Deno
Intro
5 основных ошибок при мониторинге производительности.
Если коротко:
1. Полагаться на один тестовый прогон - плохо
2. Использовать кучу инструментов для мониторинга
3. И ожидать от них одинаковый результат - плохо
4. Нельзя тестить только на проде
5. Фокусироваться не на тех метриках - тоже не очень
https://calibreapp.com/blog/common-mistakes-in-tracking-speed
Если коротко:
1. Полагаться на один тестовый прогон - плохо
2. Использовать кучу инструментов для мониторинга
3. И ожидать от них одинаковый результат - плохо
4. Нельзя тестить только на проде
5. Фокусироваться не на тех метриках - тоже не очень
https://calibreapp.com/blog/common-mistakes-in-tracking-speed
Calibre - Site Speed Tools for Teams
5 Common Mistakes Teams Make When Tracking Performance - Calibre
Learn and avoid the most common misconceptions in tracking speed.
Кортежи в JS/ES и TypeScript в 2020
Кортежи (tuples) — неизменяемая и сравниваемая по значению версия массивов. Подробнее о работе с ними по ссылке.
https://tech.geekjob.ru/tupples-js-es-typescript-2020/
Кортежи (tuples) — неизменяемая и сравниваемая по значению версия массивов. Подробнее о работе с ними по ссылке.
https://tech.geekjob.ru/tupples-js-es-typescript-2020/
Medium
Fullstack CTO – Medium
Read writing from Fullstack CTO on Medium. CTO and co-founder at NEWHR & Geekjob. Every day, Fullstack CTO and thousands of other voices read, write, and share important stories on Medium.
Создание телесуфлера на React с помощью Web SpeechRecognition API.
SpeechRecognition беспечивает возможность распознавать текст из входящего аудио потока
https://elijahmanor.com/react-teleprompter
SpeechRecognition беспечивает возможность распознавать текст из входящего аудио потока
https://elijahmanor.com/react-teleprompter
Необычные свойства CSS
https://ishadeed.com/article/uncommon-css/
UPD: тут кстати перевод подоспел https://odinokun.com/2020-07-09-neobychnye-css-svojstva.html
https://ishadeed.com/article/uncommon-css/
UPD: тут кстати перевод подоспел https://odinokun.com/2020-07-09-neobychnye-css-svojstva.html
Ishadeed
Uncommon CSS Properties
Программируем лучше с ESLint, Prettier и TypeScript
https://tproger.ru/translations/setting-up-eslint-and-prettier/
https://tproger.ru/translations/setting-up-eslint-and-prettier/
Tproger
Программируем лучше с ESLint, Prettier и TypeScript
Рассказ о том, как правильно управлять инструментами ESLint и Prettier, которые позволяют писать более читабельный и продуктивный код.
Как протестировать ваши приложения React с помощью React Testing Library
https://www.smashingmagazine.com/2020/07/react-apps-testing-library/
https://www.smashingmagazine.com/2020/07/react-apps-testing-library/
Smashing Magazine
How To Test Your React Apps With The React Testing Library — Smashing Magazine
Testing gives confidence in written code. In the context of this article, ‘testing’ means ‘automated testing’. Without automated testing, it is significantly harder to ensure the quality of a web application of significant complexity. Fails caused by automated…
Получение значений CSS Translate с помощью JavaScript
https://zellwk.com/blog/css-translate-values-in-javascript/
https://zellwk.com/blog/css-translate-values-in-javascript/
Zellwk
Getting CSS Translate values with JavaScript | Zell Liew
You can get CSS translate values in JavaScript by parsing 2d and 3d matrices. Here's how to do it, and what you should watch out for
double-bang оператор (!!) и неправильное понимание того, как JavaScript обрабатывает истинные/ложные значения
https://www.bennadel.com//blog/3858-the-double-bang-operator-and-a-misunderstanding-of-how-javascript-handles-truthy-falsy-values.htm
https://www.bennadel.com//blog/3858-the-double-bang-operator-and-a-misunderstanding-of-how-javascript-handles-truthy-falsy-values.htm
Bennadel
The Double-Bang (!!) Operator And A Misunderstanding Of How JavaScript
Ben Nadel has noticed developers using the double-bang (!!) operator far more often in their JavaScript code than they have to. As such, he provides a series of unnecessary examples followed by cleane
Когда строка не разрывается.
О вариантах реализации принудительных переносов в списках
https://css-tricks.com/when-a-line-doesnt-break/
О вариантах реализации принудительных переносов в списках
https://css-tricks.com/when-a-line-doesnt-break/
CSS-Tricks
When a Line Doesn’t Break | CSS-Tricks
We expect a line to break when the text on that line reaches the parent box boundaries. We see this every time we create a paragraph, just like this one. When