Для этого не нужна ARIA
Случаи, когда уменьшение числа ARIA атрибутов повышает доступность
https://habr.com/ru/post/706674/
Случаи, когда уменьшение числа ARIA атрибутов повышает доступность
https://habr.com/ru/post/706674/
Хабр
Для этого не нужна ARIA
В веб-разработке написание семантического HTML важно для доступности, а также дает некоторые приятные побочные эффекты, такие как поддержка режима «чтения» в браузере, SEO, graceful degradation и...
👍11❤2
Погружение в Rematch
Работа с библиотекой для управления состоянием в React приложениях
https://blog.openreplay.com/a-deep-dive-into-rematch--state-management-for-react/
Работа с библиотекой для управления состоянием в React приложениях
https://blog.openreplay.com/a-deep-dive-into-rematch--state-management-for-react/
👍13🤮7👎1💩1🍾1
Как работать со строками в JS
Советы по эффективной конкатенации строк.
https://www.freecodecamp.org/news/efficient-string-building-in-javascript/
Советы по эффективной конкатенации строк.
https://www.freecodecamp.org/news/efficient-string-building-in-javascript/
🔥14👏5👍1
Однажды у нас будет полностью настраиваемый select
Элемент selectmenu - новый HTML элемент, который еще не попал в спецификацию, но который уже можно потестить в Chrome.
https://habr.com/ru/post/707498/
Элемент selectmenu - новый HTML элемент, который еще не попал в спецификацию, но который уже можно потестить в Chrome.
https://habr.com/ru/post/707498/
👍40🙏14❤🔥4😁3
Топ 5 альтернатив Webpack
▫️Browserify
▫️ESBuild
▫️Parcel
▫️Rollup.js
▫️Vite.js
Основные концепции и базовая конфигурация каждого из них.
https://blog.openreplay.com/top-five-alternatives-to-webpack/
▫️Browserify
▫️ESBuild
▫️Parcel
▫️Rollup.js
▫️Vite.js
Основные концепции и базовая конфигурация каждого из них.
https://blog.openreplay.com/top-five-alternatives-to-webpack/
👍13😁2👌2🔥1🌚1
4 способа улучшить вашу форму с CSS селектором :has()
https://austingil.com/css-has-with-html-forms/
https://austingil.com/css-has-with-html-forms/
👍13
Оптимизируем загрузку данных с React Query
Что может React Query:
▫️Кеширование
▫️Перезагрузка данных при изменении условий
▫️Pre-fetching
и не только
Подробнее в статье
https://christopherkade.com/posts/react-query
Что может React Query:
▫️Кеширование
▫️Перезагрузка данных при изменении условий
▫️Pre-fetching
и не только
Подробнее в статье
https://christopherkade.com/posts/react-query
👍27❤🔥2⚡1👎1
Разбираемся с новыми API React Router
Данные роута, навигация и обработка ошибок.
https://blog.logrocket.com/react-router-data-navigation-error-handling-apis/
Данные роута, навигация и обработка ошибок.
https://blog.logrocket.com/react-router-data-navigation-error-handling-apis/
👍20👎3🔥1
5 API современных браузеров для анализа производительности
▫️Performance Timeline API
▫️Resource Timing API
▫️Navigation Timing API
▫️User Timing API
▫️PerformanceObserver API
https://blog.logrocket.com/top-5-web-apis-performance-based-analysis/
▫️Performance Timeline API
▫️Resource Timing API
▫️Navigation Timing API
▫️User Timing API
▫️PerformanceObserver API
https://blog.logrocket.com/top-5-web-apis-performance-based-analysis/
👍16👌2
Аналитическая сводка про веб за 2022
Статистика по технологиям, сервисам, инструментам и тп.
https://css-tricks.com/2022-roundup-of-web-research/
Статистика по технологиям, сервисам, инструментам и тп.
https://css-tricks.com/2022-roundup-of-web-research/
👍15
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем интерактивный pie chart на HTML и CSS
https://blog.logrocket.com/building-interactive-pie-charts-css-and-html/
https://blog.logrocket.com/building-interactive-pie-charts-css-and-html/
👌14❤1👍1😢1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем элементы по скролу на JS c использованием Intersection Observer API
https://adelpro.medium.com/scroll-animation-using-the-javascript-build-in-intersection-observer-api-third-party-libraries-b3ed0a6286bd
https://adelpro.medium.com/scroll-animation-using-the-javascript-build-in-intersection-observer-api-third-party-libraries-b3ed0a6286bd
👍22😐5❤2
Полное руководство по LocalStorage
https://blog.openreplay.com/the-ultimate-guide-to-localstorage-in-javascript/
https://blog.openreplay.com/the-ultimate-guide-to-localstorage-in-javascript/
👍18👎2
10 простых и не очень вопросов на front-end собеседовании, которые лучше подготовить
https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-97a461e186f4
https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-97a461e186f4
👍34🤮11👎4
Накладываем маски на изображения с помощью CSS
О том, как использовать свойство
https://blog.logrocket.com/css-mask-image-property/
О том, как использовать свойство
mask-image для комбинации изображений и svg.https://blog.logrocket.com/css-mask-image-property/
👍24❤3❤🔥2⚡1
Погружаемся в метапрограммирование
Прокси и рефлексия в JS.
https://blog.openreplay.com/exploring-metaprogramming-proxying-and-reflection-in-javascript/
Прокси и рефлексия в JS.
https://blog.openreplay.com/exploring-metaprogramming-proxying-and-reflection-in-javascript/
👍14🌚3😐3⚡2
Работа с изображениями в формате Webp
Основные отличия webp от других форматов, и как их использовать в разработке.
https://blog.openreplay.com/working-with-webp-images/
Основные отличия webp от других форматов, и как их использовать в разработке.
https://blog.openreplay.com/working-with-webp-images/
👍15👎3
JavaScript Risings Stars
Обзор наиболее популярных проектов в экосистеме JS за 2022.
https://risingstars.js.org/2022/en
Обзор наиболее популярных проектов в экосистеме JS за 2022.
https://risingstars.js.org/2022/en
👍21🐳4👨💻2❤1
Создаем веб компоненты на JS с WebC
WebC генерирует разметку для веб компонентов и имеет набор утилит, которые упрощают разработку.
https://blog.logrocket.com/building-web-components-with-webc-vanilla-javascript/
WebC генерирует разметку для веб компонентов и имеет набор утилит, которые упрощают разработку.
https://blog.logrocket.com/building-web-components-with-webc-vanilla-javascript/
👍11🕊1🐳1
Разрабатываем опенсорс библиотеку
Инструкция для начинающих.
https://habr.com/ru/company/inDrive/blog/706662/
Инструкция для начинающих.
https://habr.com/ru/company/inDrive/blog/706662/
👌15👎2👍1🤔1