Управление выделением текста при помощи CSS. Уилл Бойд показывает, какие возможности CSS помогают сделать выделение текста удобнее — https://codersblock.com/blog/using-css-to-control-text-selection/
Size: a a a
2020 April 29
Мониторинг производительности CSS-анимаций. Вирендер Сингх показывает, как найти медленные анимации и значительно их ускорить — https://medium.com/p/f11a21d0054f
Ограничиваем палитру для <input type="color">. Кристиан Хайльманн собирает палитру из цветов любого изображения и настраивает <input> для выбора цвета на её использование — https://christianheilmann.com/2020/04/22/limiting-input-type-color-to-a-certain-palette-from-an-image/
2020 April 30
Серия статей Игоря Антонова про колбэки в JavaScript в блоге HTML Academy:
1. Введение в колбэки https://htmlacademy.ru/blog/boost/frontend/callback-functions?utm_source=tg_web_standards&utm_medium=special&utm_campaign=callback_functions_30042020
2. Работа с сервером https://htmlacademy.ru/blog/boost/frontend/callback-functions-server?utm_source=tg_web_standards&utm_medium=special&utm_campaign=callback_functions_server_30042020
1. Введение в колбэки https://htmlacademy.ru/blog/boost/frontend/callback-functions?utm_source=tg_web_standards&utm_medium=special&utm_campaign=callback_functions_30042020
2. Работа с сервером https://htmlacademy.ru/blog/boost/frontend/callback-functions-server?utm_source=tg_web_standards&utm_medium=special&utm_campaign=callback_functions_server_30042020
Стратегии переезда на TypeScript. Аксель Раушмайер делится подходами, которые позволяют постепенно перевезти кодовую базу на TypeScript — https://2ality.com/2020/04/migrating-to-typescript.html
Can I Include. Александр Вишняков делится инструментом для проверки, можно ли один тэг вкладывать в другой — https://caninclude.glitch.me/
Доступные размеры шрифтов. Андрес Галанте объясняет, как работать со шрифтами, чтобы сохранять доступность контента, и какие единицы измерения для этого полезны: em, rem или px — https://css-tricks.com/accessible-font-sizing-explained/
2020 May 01
Как сделать эффект аккордеона по наведению при помощи box-shadow. Сара Фоссхайм реализует анимацию с двигающимися карточками по шагам — https://fossheim.io/writing/posts/css-box-shadow-animation/
Blend — Sass-модуль, позволяющий работать с цветовыми пространствами LCH, LAB и функциями модификации цветов на уровне препроцессорного кода — https://www.oddbird.net/blend/
2020 May 04
Выделение в CSS. Ахмад Шадид делится приёмами стилизации выделенного текста — https://ishadeed.com/article/selection-in-css/
Переключатель цветовой темы. Макс Бёк собирает для своего блога различные темы и их переключатель на кастомных свойствах — https://mxb.dev/blog/color-theme-switcher/
10 лучших расширений Chrome для дизайнеров. Брендан Махони делится расширениями, которые помогают ему исследовать сайты, в переводе на Хабре — https://habr.com/p/497788/
2020 May 05
Выпуск №228: DevTools, cайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг. Слушайте на Ютубе https://youtu.be/Hn6TnJYIGd4, читайте на Медиуме https://medium.com/p/2a9b1f18aae1
Можно ли вложить тег в тег? Александр Вишняков рассказывает на «Веб-стандартах» о создании и принципах работы Can I Include: Preact, Glitch, Express.js и Node.js — https://web-standards.ru/articles/can-i-include/
2020 May 06
Трюки с React Router. Серия видео от Александра Бальцевича про настройку роутинга в React-приложении и хранение состояния в URL — https://www.youtube.com/playlist?list=PLz_dGYmQRrr-HEb1I-yfLru28HO2PrdwI
Простой подход к работе с отзывчивыми изображениями. Скотт Вандехей подробно объясняет работу атрибутов srcset и sizes у изображения, в переводе на Хабре — https://habr.com/p/500292/
Должна ли раскладка Masonry быть частью спецификации CSS Grid? Рэйчел Эндрю делится мыслями, почему разные раскладки нужно разделять и продумывать их спецификации отдельно — https://rachelandrew.co.uk/archives/2020/05/05/does-masonry-belong-in-the-css-grid-specification/
2020 May 07
Web Vitals. Google анонсирует инициативу, в рамках которой выделяет ключевые для восприятия метрики производительности сайта и предлагает способы их измерения — https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html
А вы уже используете SVG-фавиконки? Антуан Буланжер показывает, как рекомендуется подключать фавиконки для современных браузеров, в переводе Дмитрия Гордиенко — http://odinokun.com/2020-04-29-vy-uzhe-ispolzuete-ikonki-svg.html