Size: a a a

Веб-стандарты

2020 September 07
Веб-стандарты
Образовательный курс про цифровую доступность для дизайнеров и веб-разработчиков стартует 10 октября и продлится 5 недель по 4 часа в неделю. В программе курса систематизированная теория по доступности и практическое тестирование с незрячими пользователями https://kurmak.info/
источник
Веб-стандарты
Оптимизация производительности фронтенда. Серия Ника Мостового в блоге HeadHunter на Хабре:

1. Critical Render Path https://habr.com/p/513940/
2. Event loop, layout, paint, composite https://habr.com/p/517594/
источник
Веб-стандарты
Помогите пользователям сменить пароль, добавьте адрес .well-known/change-password. Ейджи Китамура про новый унифицированный адрес для смены паролей для браузеров и менеджеров паролей. Уже работает в Safari, заработает в Chrome 86 и планируется в Firefox — https://web.dev/change-password-url/
источник
2020 September 08
Веб-стандарты
В чём ценность разнообразия браузеров? Дейв Руперт делится мыслями, как наличие нескольких браузеров в экосистеме влияет на веб — https://daverupert.com/2020/09/the-value-of-browser-diversity/
источник
Веб-стандарты
Стилизация сложных лейблов. Даниэль Ромо делится примерами оформления лейблов-карточек — https://cloudfour.com/thinks/styling-complex-labels/
источник
Веб-стандарты
Выпуск №246: Chrome 86, фокус, ::marker, отладка шрифтов, скринридеры, модалки, флексы и селект. Слушайте на Ютубе https://youtu.be/772m-K344Ps, читайте на Медиуме https://medium.com/p/d16a8e4ec0c2
источник
Веб-стандарты
00:01:45 Бета Chrome 86
00:17:15 Пользовательский фокус
00:22:32 Псевдоэлемент ::marker
00:28:00 Отладка шрифтов
00:31:03 Инструкция по скринридерам
00:38:54 Модальный компонент
00:42:01 Шапка на флексах
00:47:48 Что делать с селектом
источник
2020 September 09
Веб-стандарты
AVIF уже здесь. Подробное исследование Джейка Арчибальда: сравнение с другими форматами, стратегии сжатия, недостатки и прогрессивный рендеринг JPEG, будущее форматов — https://jakearchibald.com/2020/avif-has-landed/
источник
Веб-стандарты
Тестирование приложений и компонентов на React с помощью Jest и Enzyme на примере юнит-тестов. Видеокурс Евгения Ковальчука из 13 частей: события и состояния, пропсы и методы жизненного цикла, утилиты, снэпшоты и другое — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFPcbK0AJVBYyNveXmMZhMS
источник
Веб-стандарты
Математика верстальщику не нужна? Иван Богачёв про временные функции и траектории для покадровых 2D-анимаций на сайтах — https://habr.com/p/518006/
источник
2020 September 10
Веб-стандарты
Начать с идеи и построить сообщество. Эван Ю рассказывает, с чего начинался фреймворк Vue и как развивать опенсорс-проекты с большой аудиторией — https://github.com/readme/evan-you
источник
Веб-стандарты
Сравнение веб-компонентов и React. Матиас Хухта собирает простое приложение при помощи Lit-Element и React и сравнивает два подхода:

1. С чего начать https://matsu.fi/posts/comparing-react-and-web-components-part-1-starters/
2. Компоненты https://matsu.fi/posts/comparing-react-and-web-components-part-2-components/
источник
Веб-стандарты
Обратно упорядоченные списки. Мануэль Матузович делится способами развернуть нумерацию в списках в обратном порядке — https://www.matuzo.at/blog/reverse-ordered-lists/
источник
2020 September 11
Веб-стандарты
Настройка, отображающая порядок элементов в коде, появилась в DevTools Edge 86 https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/experimental-features#enable-source-order-viewer Это поможет понять в каком порядке по странице будет двигаться скринридер и как будут фокусироваться элементы с клавиатуры. Подробнее у Адриана Розелли https://adrianroselli.com/2020/09/source-order-viewer-in-edge-86.html
источник
2020 September 14
Веб-стандарты
Parsel — крошечный и терпимый парсер CSS-селекторов. Лия Веру делится инструментом и рассказывает, как он работает — https://lea.verou.me/2020/09/parsel-a-tiny-permissive-css-selector-parser/
источник
Веб-стандарты
Введение в программный запуск Lighthouse. Кэти Боуман показывает, как запустить и использовать проверки Lighthouse внутри Node.js для мониторинга метрик сайта — https://www.smashingmagazine.com/2020/09/introduction-running-lighthouse-programmatically/
источник
2020 September 15
Веб-стандарты
Выпуск №247: Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы. В гостях Иван Богачёв. Слушайте на Ютубе https://youtu.be/Khtu7JbDubY, читайте на Медиуме https://medium.com/p/b181b2654eb9
источник
Веб-стандарты
00:01:22 События
00:04:07 Edge DevTools
00:17:28 Разнообразие браузеров
00:30:39 Польза от AVIF
00:42:14 Генераторы статики
00:51:19 Математика для фронтендера
00:58:05 Зачем Хабр и Тостер
01:03:51 Устарело ли чтение
01:10:33 Кому нужны переводы
источник
2020 September 16
Веб-стандарты
Пишем скрипты для дебага. Хьюго Жирадель делится набором сниппетов, помогающих определить параметры окружения, таких как доступ к Интернету, VPN, последняя установленная версия npm, запущен ли Docker и другие — https://hugogiraudel.com/2020/09/09/writing-a-debug-script/
источник
Веб-стандарты
Состояние Moment.js. Разработчики библиотеки добавили в документацию раздел с текущим статусом проекта: заморозка разработки новых фичей, фиксы багов, советы по переходу на современные легковесные аналоги — https://momentjs.com/docs/#/-project-status/
источник