Size: a a a
2020 August 18
Технические предпочтения пользователей с нарушениями зрения в 2020 году. Никита Цейковец с результатами исследования Яндекса, которое поможет сфокусировать усилия по разработке доступных интерфейсов — https://habr.com/p/515460/
2020 August 19
Webpack: руководство для начинающих. Тайлер МакГиннис с простым введением в принципы работы и настройку сборщика модулей. В переводе на Хабре — https://habr.com/p/514838/
Современный JS в наших библиотеках. Гари Чу предлагает значительно снизить количество ненужного кода для современных браузеров с помощью ключа "browser2017" для экспорта и подключения в <script type="module"> — https://dev.to/garylchew/bringing-modern-javascript-to-libraries-432c
Веб на двух экранах. Дейв Руперт пробует вёрстку в эмуляторе новинок Surface Duo и Surface Neo компании Microsoft и размышляет, чего не хватает вебу, чтобы лучше адаптироваться к таким устройствам.
Часть 1 https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-i/
Часть 2 https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-ii/
Часть 1 https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-i/
Часть 2 https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-ii/
2020 August 20
Вертикальное выравнивание текста в кнопках и полях. Себастьяно Геррейру использует inline-flex и другие интересные решения — https://codyhouse.co/blog/post/vertical-text-alignment-in-buttons-and-inputs
Насколько JavaScript сильный? Сергей Иванов погружается в тему неявных преобразований. Где и как возникают и вычисляются неявные преобразования в JavaScript? Возможно ли средствами языка сделать сам JavaScript сильнее? https://medium.com/p/9a36505c1370
Будущее веб-типографики за свойством leading-trim. Итан Ванг о корнях проблемы с отступами от текста и как новая спецификация поможет их решить: в отступах не будут учитываться высота строки и выносные элементы — https://medium.com/p/d082d84b202
2020 August 21
Создание Фейсбука, доступного как можно большему числу людей. Разработчики новой версии интерфейса соцсети рассказали, какие подходы и инструменты они использовали для улучшения доступности: линтеры статические и в рантайме, ремы, заголовки, фокус — https://engineering.fb.com/web/facebook-com-accessibility/
Продвинутая типографика с новым Local Font Access API. Томас Штайнер о новом API, который позволит получить доступ к локально установленным шрифтам и низкоуровневой информации о них, не ставя под угрозу приватность: как это работает и кому будет нужно — https://web.dev/local-fonts/
Drag and Drop, превью изображения и определение среднего цвета в отдельном потоке. Дмитрий Ольховой разбирает приложение на React, которое умеет всё это делать — https://habr.com/p/513308/
2020 August 24
Как использовать AVIF, формат сжатия изображений следующего поколения. Дэн Клэммер с кратким введением в формат и его преимущества, про флаги в Chrome и Firefox, бету Squoosh с поддержкой AVIF и способ вставки на страницу — https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
2020 August 25
DI с TS на практике. Саша Беспоясов показывает, что такое внедрение зависимостей, зачем оно нужно и какие инструменты по автоматизации работы с ним есть — https://bespoyasov.ru/blog/di-ts-in-practice/
Выпуск №244: Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы. В гостях Евгений Некрасов и Никита Савчук. Слушайте на Ютубе https://youtu.be/h4bJcSI-RaY, читайте на Медиуме https://medium.com/p/263e8bf95e3d
Поддержка gap для флексов. Ахмад Шадид объясняет, как разными способами определить, поддерживает ли браузер свойство gap в комбинации с флексами — https://ishadeed.com/article/flexbox-gap/
2020 August 26
Новинки Chrome 85 в видеообзоре Пита Лепажа: content-visibility: auto для отложенного рендеринга, типизация кастомных свойств прямо в CSS с помощью @property, метод getInstalledRelatedApps для PWA и другое — https://youtu.be/htAiPOarIwI
Знакомство с Rome от создателей Babel. Дмитрий Ольховой про новый компилятор, сборщик, линтер, тест-раннер в одном флаконе — https://habr.com/p/515914/
WebAssembly на практике. Полина Гуртовая и Андрей Барнов в блоге Злых Марсиан объясняют основы технологии и показывают, как запустить код, написанный на Rust или C, в браузере — https://evilmartians.com/chronicles/hands-on-webassembly-try-the-basics
2020 August 27
Новинки Firefox 80: свойство appearance без префикса, поддержка синтаксиса export * as namespace для модулей, сочетания в Web Animations API и другие. Подробнее в обзорах:
Марата Таналина https://tanalin.com/blog/2020/08/firefox-80/
На MDN https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/80
Марата Таналина https://tanalin.com/blog/2020/08/firefox-80/
На MDN https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/80