Доступность сайта: 6 быстрых проверок
Автоматизированное тестирование доступности Lighthouse - отличная вещь, но не проверяет все, что должно быть проверено. Кое-что придется доделывать руками.
Вот вам маленький список обязательных тестов:
‼️ Наличие альтернативных описаний у изображений и их соответствие картинке
‼️ Адекватное и понятное отображение страницы БЕЗ стилей
‼️ Валидность HTML-кода
‼️ Логичная структура документа (уровни заголовков, семантические элементы)
‼️ Проверка в монохромном режиме - цвет не должен быть единственным носителем важной информации
‼️ Полная доступность с клавиатуры
Автоматизированное тестирование доступности Lighthouse - отличная вещь, но не проверяет все, что должно быть проверено. Кое-что придется доделывать руками.
Вот вам маленький список обязательных тестов:
‼️ Наличие альтернативных описаний у изображений и их соответствие картинке
‼️ Адекватное и понятное отображение страницы БЕЗ стилей
‼️ Валидность HTML-кода
‼️ Логичная структура документа (уровни заголовков, семантические элементы)
‼️ Проверка в монохромном режиме - цвет не должен быть единственным носителем важной информации
‼️ Полная доступность с клавиатуры
Большое руководство по Svelte
Svelte - фреймворк с уникальным подходом к сборке веб-приложений. Даже если вы никогда про него не слышали, руководство вам все подробно расскажет.
Svelte - фреймворк с уникальным подходом к сборке веб-приложений. Даже если вы никогда про него не слышали, руководство вам все подробно расскажет.
Как кастомизировать Ant Design
Как кастомизировать Ant Design используя React & Webpack…
Потерянная иструкция
Как кастомизировать Ant Design используя React & Webpack…
Потерянная иструкция
DeepL Translator
Use the free DeepL Translator to translate your texts with the best machine translation available, powered by DeepL’s world-leading neural network technology. Currently supported languages are English, German, French, Spanish, Portuguese, Italian, Dutch, Polish, and Russian.
Use the free DeepL Translator to translate your texts with the best machine translation available, powered by DeepL’s world-leading neural network technology. Currently supported languages are English, German, French, Spanish, Portuguese, Italian, Dutch, Polish, and Russian.
Структуры данных для фронтендеров
В основе многих популярных библиотек и фреймворков лежат вещи, которые фронтендеру вроде и не надо знать. Почему...
В основе многих популярных библиотек и фреймворков лежат вещи, которые фронтендеру вроде и не надо знать. Почему...
Веб в 2020 году
Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. За последние несколько лет мы построили компонентно-ориентированный веб - как в разработке (компоненты React! компоненты Vue! компоненты Svelte! веб-компоненты!), так и в дизайне (дизайн-системы!). Интересно, как форма определяется содержанием, да? Теперь мы пытаемся сделать так, чтобы эта компонентная система выглядела более уникальной. Расширяемость в сети позволяет нам проектировать платформу под наши собственные задачи и экспериментировать с результатами...
Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. За последние несколько лет мы построили компонентно-ориентированный веб - как в разработке (компоненты React! компоненты Vue! компоненты Svelte! веб-компоненты!), так и в дизайне (дизайн-системы!). Интересно, как форма определяется содержанием, да? Теперь мы пытаемся сделать так, чтобы эта компонентная система выглядела более уникальной. Расширяемость в сети позволяет нам проектировать платформу под наши собственные задачи и экспериментировать с результатами...
Разбираемся с настройкой Webpack
В статье описан базовый пример, того как настроить проект с использованием webpack с нуля, и показаны различные аспекты его конфигурирования.
В статье описан базовый пример, того как настроить проект с использованием webpack с нуля, и показаны различные аспекты его конфигурирования.
Frontend Dev: хороший, плохой, злой
нашел на просторах телеграма
Часть 1: Хороший путь
Часть 2: Плохой путь
нашел на просторах телеграма
Часть 1: Хороший путь
Часть 2: Плохой путь
80 Ways to Learn to Code for Free Online
Considering learning to code online but overwhelmed by the options? Try our (constantly updated!) list of the best online coding classes.
Considering learning to code online but overwhelmed by the options? Try our (constantly updated!) list of the best online coding classes.
Revolution OS (правильный перевод)
Фильм об истории появления идей свободного программного обеспечения, ядра Linux, ОС GNU, перехода Netscape (Mozilla, Firefox) с проприетарной на откртую
Фильм об истории появления идей свободного программного обеспечения, ядра Linux, ОС GNU, перехода Netscape (Mozilla, Firefox) с проприетарной на откртую
tool for profiling web browsers
Browserscope прелесть этого инструмента что можно создавать свои тесты для браузеров, тестировать производительность на своих функциях.
Browserscope прелесть этого инструмента что можно создавать свои тесты для браузеров, тестировать производительность на своих функциях.
A Guide to Learning CSS Grid
A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.
A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.