A11y Dialog, легковесная (~1.3 КБ), доступная (ловит фокус) и современная (использует нативный <dialog>) библиотека для создания модальных окон → https://edenspiekermann.github.io/a11y-dialog

На GitHub Pages теперь поддерживается бесплатный HTTPS для сайтов с пользовательскими доменами, подробности → https://blog.github.com/2018-05-01-github-pages-custom-domains-https/

Зачем нужна CSS Typed OM, поддержка которой недавно появилась в Chrome, и как она может облегчить жизнь разработчикам? Объясняет Людмила Мжачих → https://medium.com/p/31b086851465

🎧
Свежие подкасты

«Фронтенд-юность» №46: печальное состояние фронтенд-экосистемы, можно ли избежать ФП, CSS Blocks, зарубежные Хабр и Гиктаймс → https://soundcloud.com/frontend_u/e46

«Фронтенд-юность» №47, в гостях Олег Мохов: от React Finland до React Russia → https://soundcloud.com/frontend_u/e47

Frontend Weekend №51, в гостях Владимир Новик: о работе независимого консультанта, переезде в Израиль и книге про React Native → https://soundcloud.com/frontend-weekend/fw-51

«Новости 512» от CSSSR №4: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_04

«Веб-стандарты» №119: Dojo 2 и Edge 17, BigInt в JS, Safari почти догнал, CSS-меню и подгриды, HTTPS на GitHub Pages, плохой верстальщик → https://medium.com/p/96b32fd928fc

Готовы ли к использованию сервис-воркеры? Да! С добавлением сервис-воркеров в Edge их стали поддерживать все современные мажорные браузеры → https://jakearchibald.github.io/isserviceworkerready/

Как реализовать доступное адаптивное меню с автоматически скрывающимися в подменю пунктами, руководство Освальдаса Валутиса → https://css-tricks.com/container-adapting-tabs-with-more-button/

Calibre, сервис для мониторинга и анализа быстродействия веб-приложений: веб-интерфейс и CLI, автоматический сбор статистики на основе заданных девайсов и локаций, уведомления о проблемах и многое другое → https://calibreapp.com

Можно ли реализовать поисковый движок на CSS без единой строчки JS? Видео и расшифровка доклада Тима Керри из Algolia о реализации этой безумной идеи → https://stories.algolia.com/b5ec4e902e97

ReLaXed, инструмент для вёрстки PDF-файлов практически любой сложности на привычных веб-технологиях → https://github.com/RelaxedJS/ReLaXed

Руководство по стилям для печати в 2018 году, Рейчел Эндрю на Smashing Magazine → https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/

Browserslist, список поддерживаемых в проекте браузеров, используемый инструментами вроде Автопрефиксера и @babel/preset-env → https://github.com/browserslist/browserslist

По всему миру существуют и используются другие браузеры помимо популярных Chrome, Firefox, Edge и Safari. Например, в Африке около 100 миллионов пользователей Opera Mini, а в Китае очень популярен UC Browser. Важно поддерживать и их тоже, потому что иначе исчезнет конкуренция и повторится история монополизма IE6.

Как при составлении browserslist избежать распространённых ошибок, поощряющих монополию популярных браузеров? Рекомендации Андрея Ситника, создателя browserslist, PostCSS и Автопрефиксера:

1. Не используйте выборку по последним версиям конкретных браузеров, используйте более общие запросы: не last 2 Chrome versions, а просто last 2 versions (last 2 Chrome versions ок, только если вы разрабатываете приложение конкретно под Хром).

2. Если вы разрабатываете десктопный сайт, не удаляйте из browserslist мобильные браузеры (не пишите not last 1 Android version и т. п.), потому что с мобильных тоже заходят на десктопные версии сайтов.

3. Не используйте выборку только по проценту рынка браузеров (> 1%), совмещайте её с last n versions, иначе в неё не попадут популярные на локальных рынках браузеры.

4. Исключайте «мёртвые» браузеры не по наитию (не удаляйте браузеры вроде UC Browser только потому, что не слышали о них), а с помощью запроса not dead.

pitercss_conf, первая в России доступная конференция европейского уровня с докладчиками со всего мира, пройдёт 8–9 июня в Санкт-Петербурге → https://pitercss.com/

Минко Гечев и Эдди Османи представили Guess.js, набор инструментов для умного бандлинга и расстановки prefetch-подсказок на основе статистики посещений сайта → https://blog.mgechev.com/2018/05/09/introducing-guess-js-data-driven-user-experiences-web/

Как адаптировать интерфейс под язык, читаемый справа налево? Ребята из 2ГИСа о своём опыте адаптации интерфейса сервиса под арабский язык, часть первая, теоретическая — https://habr.com/p/358148

Обзор принципов работы и внутреннего устройства Prepack, интерпретатора JS, который на этапе сборки вычисляет всё, что можно вычислить, за счёт чего итоговый код получается меньше и быстрее → https://gist.github.com/gaearon/d85dccba72b809f56a9553972e5c33c4

В CSS планируют добавить переменные окружения, которые, возможно, получится использовать в медиавыражениях. Крис Койер с подробностями → https://css-tricks.com/css-environment-variables/