Good Email Code. Марк Роббинс собирает лучшие практики вёрстки почтовых рассылок с готовыми шаблонами и объяснениями особенностей — https://www.goodemailcode.com/
Size: a a a
2020 March 23
CSS Grid: Верстаем адаптивный журнальный макет в 20 строк. Кеир Уотсон использует возможности гридов, чтобы сверстать адаптивный список новостей в виде карточек минимумом кода, в переводе на Хабре — https://habr.com/p/492760/
2020 March 24
Мои находки после пользования вебом без заголовка User-Agent целую неделю. Шиме Видас для эксперимента выключил отправку заголовка User-Agent браузером и проверил, как на это реагируют популярные веб-сайты — https://webplatform.news/issues/2020-03-19
Видео докладов конференции Я ❤︎ Фронтенд 2020: глазные интерфейсы, роутеры, семантика, устройство картинок, редактор майндмэпов, ApolloClient 3, BFCache и менторство — https://www.youtube.com/playlist?list=PLKaafC45L_SRLlyOzp6xBMUh0kn2eQBUd
Выпуск №222: GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги! Слушайте на Ютубе https://youtu.be/cXwo54dKuX8, читайте на Медиуме https://medium.com/p/cad960349c1d
Всё про auto в CSS. Ахмад Шадид разбирается, как работает ключевое слово auto в различных свойствах и для чего его можно полезно применять — https://ishadeed.com/article/auto-css/
2020 March 25
CSS может влиять на скринридеры. Бен Майерс исследует примеры того, как декоративные CSS-свойства могут изменить озвучивание веб-страницы — https://blog.benmyers.dev/css-can-influence-screenreaders/
Поддержание производительности. Дэйв Руперт починил загрузку шрифтов в своём блоге и ускорил полную загрузку страницы на 33 секунды — https://daverupert.com/2020/03/maintaining-performance/
CSS: полное руководство по функции calc(). Крис Койер рассказывает об особенностях вычислений в CSS, в чём их отличия от препроцессорных и когда удобно использовать calc() с кастомными свойствами, в переводе на Хабре — https://habr.com/p/493660/
Вышло мажорное обновление инструмента автоматического форматирования кода Prettier 2.0: изменения в значениях по умолчанию, улучшенная эвристика и обновлённый CLI — https://prettier.io/blog/2020/03/21/2.0.0.html
2020 March 26
Не просите время у бизнеса. Андрей Романов делится мыслями о том, когда можно заниматься устранением технического долга — https://andrew-r.ru/notes/2020-03-25-dont-ask-for-time/
Использование современных форматов изображений. Джош Комю использует WebP, JPEG 2000 и JPEG XR с фолбэком, чтобы экономить трафик пользователей при том же качестве изображений — https://joshwcomeau.com/performance/embracing-modern-image-formats/
Восемь шагов, чтобы получать 100 тысяч за код. Евгений Шкляр предлагает новичкам программу, которая поможет войти в профессию: от знакомства с веб-технологиями до участия в жизни сообщества. Ключевая идея «учитесь вообще всё время» — htmlacademy.ru/blog/education/howto/learning-path
Как создать себе локальную песочницу для React. Дмитрий Павлутин предлагает быстрый способ сборки окружения для экспериментов с React — https://dmitripavlutin.com/react-playground-setup/
2020 March 27
Введение в MDXJS. Агни Менон показывает, как можно подружить разметку Markdown с React и JSX-синтаксисом — https://css-tricks.com/an-introduction-to-mdxjs/
17 видео докладов конференции An Event Apart DC 2019: замедляющий восприятие дизайн, конструирование доверия, анимации, SVG-фильтры, PWA и другие — https://aneventapart.com/news/post/the-complete-aea-dc-2019-now-online
Colour Contrast Analyser — инструмент анализа читаемости текста, контрастности визуальных элементов и симуляции цветовой слепоты от Paciello Group для обеспечения доступности приложений согласно WCAG 2.1 — https://developer.paciellogroup.com/resources/contrastanalyser/
Другая фавиконка для разработки. Крис Койер делится решением, как не потратить впустую много времени на отладку страницы, перепутав вкладки с продакшеном и локальным сервером — https://css-tricks.com/different-favicon-for-development/