Границы в CSS на примерах. Радослав Фабисяк показывает, как можно использовать свойство border для создания интересных эффектов оформления — https://www.blog.duomly.com/css-border-with-examples-tutorial/
Size: a a a
2020 May 07
2020 May 08
Быстрое и надежное кроссбраузерное тестирование с Playwright. Арджун Аттам рассказывает об основных возможностях инструмента, работающего с браузерами на движках Chromium, Webkit и Gecko — https://medium.com/p/155c0e8a821f
Что я узнал про min(), max() и clamp() в CSS. Ахмад Шадид объясняет, как работают функции и для чего их можно полезно применять — https://ishadeed.com/article/css-min-max-clamp/
Новинки Firefox 76: аудио-ворклеты, улучшения в DevTools, панель Compatibility, блокировка ресурсов по неизвестным протоколам через изменение location.href и другие. Подробнее в обзорах:
Марата Таналина https://tanalin.com/blog/2020/05/firefox-76/
Криса Миллса https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/
Марата Таналина https://tanalin.com/blog/2020/05/firefox-76/
Криса Миллса https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/
2020 May 11
Приключения Masonry-раскладки в CSS. Илья Стрельцын разбирает историю раскладки Masonry, какие её виды существуют и какое будущее её ждёт в рамках спецификаций CSS — https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html
CSS-находки в разметке Твиттера. Ахмад Шадид делится найденными в коде Твиттера необычными решениями — https://ishadeed.com/article/twitter-css/
Глубокое погружение в CSS-свойство contain. Трэвис Алманд объясняет, как свойство contain помогает оптимизировать рендеринг страницы и показывает, какие у него есть интересные особенности — https://css-tricks.com/lets-take-a-deep-dive-into-the-css-contain-property/
2020 May 12
Выпуск №229: Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность. Слушайте на Ютубе https://youtu.be/TG0RAmf_tYA, читайте на Медиуме https://medium.com/p/722b92c39c12
Оптимизация метрики Largest Contentful Paint. Хуссейн Джирде объясняет смысл и важность метрики и даёт советы, как улучшить её значение — https://web.dev/optimize-lcp/
Краткий обзор статического генератора сайтов Eleventy: основные концепции, установка, настройка и начало работы — https://www.digitalocean.com/community/tutorials/js-eleventy
Opium.Fill — стандартизация цветовой схемы глазами программиста. Денис Элиановский делится концепцией управления цветами в проектах — https://habr.com/p/499202/
2020 May 13
Оптимизация метрики Cumulative Layout Shift. Эдди Османи показывает, как избежать внезапных сдвигов при загрузке страницы, чтобы улучшить пользовательский опыт — https://web.dev/optimize-cls/
Обзор инструментов для JS и TS. Рейнис Ивановс делится списком инструментов для сборки и разработки на JavaScript и TypeScript с кратким описанием каждого — https://tooling.js.org/
Как работать с DOM на ванильном JavaScript. Коллекция коротких сниппетов Нгуена Хуу Фуока для решения распространённых задач — https://htmldom.dev/
2020 May 14
Оптимизация метрики First Input Delay. Хуссейн Джирде и Эдди Османи рассказывают, как помочь приложению быстрее реагировать на попытки пользователя с ним взаимодействовать — https://web.dev/optimize-fid/
Deno 1.0. Разработчики среды выполнения для JavaScript и TypeScript рассказывают об её особенностях, отличиях от Node.js и планах по развитию — https://deno.land/v1
Коротко о том, что такое Deno https://youtu.be/F0G9lZ7gecE
Коротко о том, что такое Deno https://youtu.be/F0G9lZ7gecE
Инструменты доступности для дизайнеров и разработчиков. Лиза Дзюба делится подборкой инструментов, помогающих автоматизировать работу с доступностью на сайтах и в приложениях — https://uxdesign.cc/accessibility-tools-for-designers-and-developers-ea400a415c0a
2020 May 15
Визуализатор для SVG Path. Матье Дутур собрал инструмент, объясняющий и показывающий каждый шаг внутри path в SVG — https://svg-path-visualizer.netlify.app/
Постоянное хранилище. Пит Лепаж рассказывает про API, позволяющий попросить браузер не удалять данные из браузерных хранилищ — https://web.dev/persistent-storage/