​Добавление режима, дружественного к людям с дислексией, на веб-сайт

Дислексия — довольно распространённое нарушение сегодня. Оно проявляется у многих людей в различной степени.

Следуя этим советам, вы сможете создать интерфейс, который будет удобен для использования людьми с этим расстройством:

https://tprg.ru/bhN3

Ну вот и поспали

​Подробный разбор классов в JavaScript

Часовой видеоурок, посвящённый классам в JavaScript. Здесь вы узнаете для чего нужны классы, как они устроены, познакомитесь с конструктором класса, геттерами и сеттерами и не только.

https://tprg.ru/TapF

#видео #javascript

​Полное дерево доступности в Chrome DevTools

Chrome DevTools запускает полное дерево специальных возможностей, что облегчает разработчикам обзор всех элементов доступности сайта и их отладку. В этой статье вы узнаете, как создаётся это дерево и как его использовать в своей работе.

https://tprg.ru/aMcB

#chrome

Чихающий дракон

Очень милый и качественный codepen-проект, демонстрирующий возможности библиотеки Three.js. Здесь можно заставить дракона чихнуть, регулируя мощность чиха с помощью кликов — чем их больше, тем сильнее чих.

Изучить проект подробнее можно тут:

https://tprg.ru/lZTW

#codepen

​Bento — набор компонентов для вашего проекта

Компоненты Bento — это новый проект от создателей AMP, который предоставляет гибкость и производительность при использовании веб-компонентов и компонентов React.

Изучить подробнее можно тут:

https://tprg.ru/1ACV

CSS… CSS никогда не меняется

​Архитектура проекта React

Здесь вы узнаете, как создать структуру и архитектуру проекта с помощью React. Это что-то вроде смеси лучших практик и основ React. Статья будет полезна особенно тем, кто начинает работу с React и хочет разобраться на берегу, как лучше организовать свой проект.

https://tprg.ru/7PTa

#react

​Создание универсального кроссбраузерного слайдера

В отличие от других инпутов, слайдер может вести себя непредсказуемо в различных браузерах. Для реализации его полной кроссбраузерности и адекватного отображения на любой платформе необходимо учитывать некоторые особенности и знать несколько приёмов.

Подробнее о них в этой статье:

https://tprg.ru/ilr3

#фронтенд

​Diet Piechart

Красочный проект на codepen, представляющий собой интерактивную диаграмму. В этом проекте показаны различные характеристики продуктов для примера, но такого рода диаграмму можно применить для самых разных целей.

Посмотреть код и изучить проект можно тут:

https://tprg.ru/TBpR

#codepen

​Как освоить фронтенд-разработку в 2022 году: дорожная карта

Мы подготовили для вас актуальную дорожную карту по фронтенду, выкинув из неё устаревшие технологии и добавив то, что становится всё популярнее или и вовсе захватывает сферу:

https://tprg.ru/X2ZO

#фронтенд

​Чак Норрис может всё, даже быть цветом для HTML

Да, Чак Норрис настолько крутой, что даже атрибут bgcolor="chucknorris" HTML воспринимает как цвет. И это даже не шутка разработчиков, а особенности HTML.

Наши подписчики тоже круты, поэтому могут в значении атрибута написать своё имя и HTML присвоит цвет.

О том, почему так происходит, узнаете в этой статье:

https://tprg.ru/8qJF

А какого цвета вы по версии HTML?

#фронтенд #html

​Наглядная история веба

Подробный таймлайн с ключевыми событиями, личностями и технологиями, оказавшими существенное влияние на развитие интернета:

https://tprg.ru/f2Ie

​Когда питонист уходит в веб-разработку:

​Как стать разработчиком React в 2022 году

По данным опроса, проведённого StackOverFlow в 2021 году, React является самым востребованным веб-фреймворком. В 2022 году в React-разработчиках будет нуждаться больше компаний, чем когда-либо.

Так что же нужно знать, чтобы смело ставить галочку в графе «Знание React»? Ответ здесь:

https://tprg.ru/Xgsa

#фронтенд #react

​Крутой эффект шифрования текста на чистом JS

Инструкция и готовый проект для создания интересного эффекта анимации в виде шифрования текста, которые выполнен без использования сторонних библиотек. Автор понятно и доступно рассказал о том, как сгенерировать такой текст в этом видео:

https://tprg.ru/N6Qa

#видео #javascript

​Уязвимость браузера Safari может привести к утечке данных и раскрытию личности пользователя

Именно к такому выводу пришли исследователи из FingerprintJS. Дело в том, что в Safari 15 механизм IndexDB нарушает правила ограничения домена, что позволяет одним веб-сайтам получить данные, хранящиеся от других сайтов.

Подробнее о проблеме в статье:

https://tprg.ru/7cw2

#новости

​Группировка массивов в JavaScript

JavaScript шаг за шагом обогащает свою стандартную библиотеку, добавляя новые возможности работы со строками и массивами. В этой статье речь пойдёт о новых методах array.groupBy() и array.groupByToMap(), которые предлагают новые способы сортировки массивов:

https://tprg.ru/opcx

#javascript

Древняя технология

​Тудушка с хранением данных в localstorage

Создание списка дел — один из первых вызовов с которыми сталкивается начинающий разработчик. Подойти к созданию такого простого инструмента можно по-разному.

В этой статье предлагается способ, где хранение данных будет осуществляться в localstorage, что позволит не потерять данные, хотя бы при перезагрузке страницы:

https://tprg.ru/enqf