Быстрые тесты доступности

10 быстрых проверок доступности вашего сайта: https://proglib.io/w/4100dc82

#video #accessibility

Duet Design System

Коллекция переиспользуемых компонентов и инструментов, с четкими стандартами для быстрой веб-разработки и улучшения качества ваших приложений.

https://proglib.io/w/753b66c5

#tools #library #interface

​Observer vs Scroll Lazy Loading

Ищем лучший способ загрузки изображений: https://proglib.io/w/26ef4be7

#performance #interface

​Руководство по принципам моушн-дизайна

Если элементы интерфейса не демонстрируют основные принципы моушн-дизайна, пригодность пользовательского опыта стоит под вопросом. В контексте пользовательского интерфейса, моушн-дизайн  —  это гораздо больше, чем внешняя отделка.

https://proglib.io/w/c0025f32

#interface

Управление памятью в JavaScript

Подробный разбор: https://proglib.io/w/0ec1c5e3

#javascript

Поприветствуйте CSS-запросы от контейнера

Запросы от контейнера уже здесь, и они сделают вашу жизнь намного проще: https://proglib.io/w/c72821af

#css #layout

Front-end 2021 Roadmap & Trends | Что учить в 2021?

Год подходит к концу, но еще есть время выучить что-нибудь новенькое!

https://proglib.io/w/700acf59

#digest #video #roadmap

​Gatsby: The Definitive Guide (2021)
Автор: Preston So
Количество страниц: 913

Используемый Nike, Costa Coffee и другими компаниями по всему миру, Gatsby становится одной из ключевых технологий в экосистеме Jamstack (JavaScript, API и markup). С помощью этого подробного руководства вы узнаете, как проектировать, создавать и развертывать сайты Gatsby независимо или с помощью CMS, коммерческих систем и других источников данных.

Во время чтения книги вы:
✔️Узнаете, как Gatsby работает со многими источниками данных и надстройками;
✔️Научитесь устанавливать, настраивать и проектировать сайты Gatsby с помощью интерфейса командной строки Gatsby, React, JSX и GraphQL с высокой производительностью;
✔️Научитесь развертывать сайты Gatsby с полным CI / CD и тестовым покрытием на различных платформах, включая Netlify, Vercel и Gatsby Cloud.

Достоинства:
➕Множество примеров кода;
➕Глубокое погружение в тему.

Недостатки:
➖Не замечено.

Скачать книгу

23 сентября в 19:00 по Москве SuperJob и Сбер проведут онлайн-митап по фронтенду больших приложений.

В программе полезные доклады📃 и интересные знакомства!

Спикеры и темы:
- Петр Солопов, руководитель отдела фронтенд-разработки в SuperJob: «Релизим фронтенд несколько раз в день»

- Эмиль Фролов, Lead fullstack developer, SberAI: «Облачная библиотека компонентов»

- Виталий Старов, старший фронтенд-разработчик SuperJob: «Особенности применения SSR на большом проекте»

✅Участие бесплатное! Регистрируйтесь по ссылке https://s-j.su/3koWl

Как прибирать за собой и почему важно это делать? (Vue/React)

Утечки памяти могут привести к замедлению и падению вашего приложения. Разбираемся, как их избежать: https://proglib.io/w/f33f4384

#performance

​Используй Async/Await в JavaScript, как профессионал

Разбираемся, как работает асинхронный код: https://proglib.io/w/1958497b

#javascript

​Как стилизовать любой инпут - советы и техники

https://proglib.io/w/eb9c3b56

#css #interface

7 шагов по защите JavaScript в 2021 году

JavaScript сегодня используется повсюду. Он работает как в вашем браузере, так и на сервере. Кроме того, JavaScript сильно зависит от сторонних библиотек. Следовательно, для защиты JavaScript необходимо следовать передовым методам, чтобы уменьшить площадь атаки. Но как обеспечить безопасность приложений JavaScript?

https://proglib.io/w/0bb54333

#security

​Навигация с плавной прокруткой и отслеживанием текущей позиции

👉 с IntersectionObserver
👉 на чистом CSS

#interface

1 октября в Москве пройдет Russia Open Source Summit, где на одной площадке соберутся все, кто в России создает программное обеспечение на основе открытого кода.

На открытии саммита будет представлен проект стратегии развития Open Source в России. После презентации проекта всем участникам мероприятия предложат выбрать одну из рабочих групп для внесения предложений в документ.
В рамках деловой программы будет выделен отдельный трек для шоу-кейсов (питчей) от стартапов, созданных на базе открытого кода. Можно подать заявку на выступление.

Принять участие можно бесплатно, регистрация на сайте.
Мероприятие начнется в 10:00 на площадке Radisson Collection Hotel.

Подготовка стратегии ведется российским экспертным ИТ-сообществом в открытом формате, в том числе на площадке Telegram.

🕸 17 убийственных сайтов для веб-разработчиков

Хранение под рукой полезных сайтов – хороший способ повышения производительности труда для дизайнера или веб-разработчика. Разберем некоторые из лучших инструментов, способных уменьшить объем вашей повседневной рутины.

https://proglib.io/w/6f63d4f6

#tools

Учиться чему-либо бывает непросто: многие откладывают обучение, не могут выделить на него время, теряются в количестве информации или, наоборот, не могут найти актуальные источники. Команда «Библиотеки программиста» хотела бы исследовать вопрос для дальнейшего развития проекта и посему просим вас выделить пару минут своего времени на гугл форму: https://forms.gle/qVJEULRbbHTJTzYr6

Критерии качества вёрстки

Практикующие веб-разработчики из сообщества обсуждают критерии качества вёрстки в 2021 году, рассуждают о стандартах HTML и CSS и разбираются, как отличить хорошего разработчика от плохого.

https://proglib.io/w/860f15bd

#video

Паттерны для Web Vitals

UX-паттерны, оптимизированные с учетом метрик Web Vitals: https://proglib.io/w/b4777c5c

#performance #interface