Эмуляция различных медиа выражений в Chrome и отладка темного режима
https://tech.geekjob.ru/emulate-prefers-color-scheme-media-query/
https://tech.geekjob.ru/emulate-prefers-color-scheme-media-query/
tech.geekjob.ru
Эмуляция различных медиа выражений в Chrome и отладка темного режима
Emulate media queries in Chrome, for example: prefers-color-scheme Небольшая заметка-памятка, как отлаживать разные медиа выраже
Эффект смятого постера на CSS.
Прям как из кармана достал.
https://codepen.io/lynnandtonic/full/PoZpjOr
Прям как из кармана достал.
https://codepen.io/lynnandtonic/full/PoZpjOr
Используем DI в Angular по максимуму — концепция частных провайдеров
https://habr.com/ru/company/tinkoff/blog/507906/
https://habr.com/ru/company/tinkoff/blog/507906/
Хабр
Используем DI в Angular по максимуму — концепция частных провайдеров
В Angular очень мощный механизм Dependency Injection. Он позволяет передавать по вашему приложению любые данные, преобразовывать и переопределять их в нужных частях. Поэтому мы можем делать...
Как получить размеры экрана, окна и веб-страницы в JavaScript.
Или в чем отличие width от innerWidth и outerWidth.
https://dmitripavlutin.com/screen-window-page-sizes/
Или в чем отличие width от innerWidth и outerWidth.
https://dmitripavlutin.com/screen-window-page-sizes/
Dmitri Pavlutin Blog
How to Get the Screen, Window, and Web Page Sizes in JavaScript
How to get the screen, browser window, and web page sizes (width and height) in JavaScript.
Что нужно знать о метриках Core веб Vitals в Google.
Метрики Core Web Vitals фокусируются на различных аспектах удобства использования страницы.
https://searchengines.guru/ru/articles/2047835
Метрики Core Web Vitals фокусируются на различных аспектах удобства использования страницы.
https://searchengines.guru/ru/articles/2047835
SearchEngines
Что нужно знать о метриках Core Web Vitals в Google
Вся необходимая информация об основных показателях загрузки
Доступное и удобное для клавиатуры гамбургер-меню + выдвижная навигация
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…