Size: a a a

Веб-стандарты

2019 September 13
Веб-стандарты
Использование JS-модулей в продакшене уже сегодня. Филип Уолтон про использовании нативных модулей и с работающим решением на Rollup в переводе на Хабре:

Часть 1 — https://habr.com/p/466537/
Часть 2 — https://habr.com/p/466539/
источник
Веб-стандарты
CSS-и-JS. Адам Аргайл пытается имитировать работу каскада и селекторов из CSS на функциональном JS. И по ходу дела разбиратся в одном и другом. Плейлист с тремя видеоуроками, продолжение следует — https://www.youtube.com/playlist?list=PLpT5nMxKrUl9EWrkCbRDqn-H4E-l1di47
источник
2019 September 16
Веб-стандарты
Выпуск №193: Новинки Chrome 77, Can I use + MDN, Can I email, митап по доступности. В гостях Света Шарипова и Татьяна Фокина. Ссылки на Медиуме https://medium.com/p/8987dc52cb1 или на Ютубе https://youtu.be/YxEmRdjTf8E
источник
Веб-стандарты
00:01:17 Мета
00:04:09 События
00:10:08 Новинки Chrome 77
00:15:56 Can I use + MDN
00:24:48 Can I email?..
00:30:28 Митап по доступности
источник
2019 September 17
Веб-стандарты
Открылась бесплатная регистрация на конференцию Web Standards Days, которая пройдёт 19 октября в Екатеринбурге. Первые доклады в программе уже на следующей неделе и мы продолжаем принимать заявки — https://wsd.events/2019/10/19/
источник
2019 September 18
Веб-стандарты
WebGPU и WSL. В Safari TP 91 появились WebGPU API — альтернатива WebGL с более высокой производительностью обработки 3D-графики и WSL — язык шейдеров для WebGPU. Подробности в официальном блоге — https://webkit.org/blog/9528/webgpu-and-wsl-in-safari/
источник
Веб-стандарты
Современная загрузка скриптов. Джейсон Миллер предлагает 4 подхода, как загружать на клиенте бандлы с современным синтаксисом JavaScript и не ломать при этом поддержку старых браузеров — https://jasonformat.com/modern-script-loading/
источник
2019 September 19
Веб-стандарты
Проблемы со скруглёнными кнопками. Тайлер Стика жалуется на особенности border-radius и предлагает решение — https://cloudfour.com/thinks/jagged-little-pill-issues-with-rounded-buttons/
источник
2019 September 23
Веб-стандарты
Заходят два браузера в скроллбар. Зак Лезерман показывает, как из навязчивого скроллбара сделать ненавязчивый, который не ломает дизайн сайта — https://www.filamentgroup.com/lab/scrollbars/
источник
Веб-стандарты
Анимируем оттенки по цветовому колесу при помощи Houdini. Дэниэл Уилсон об особенностях цветовой модели HSL и о том, как Houdini Properties and Values API решает проблему анимации цвета — https://danielcwilson.com/blog/2019/09/huedini/
источник
Веб-стандарты
Сжимайте изображения в пулл-реквестах автоматически. Новый GitHub Action от Calibre не даст тяжёлым растровым изображениям попасть в продакшен — https://calibreapp.com/blog/compress-images-in-prs/
источник
2019 September 24
Веб-стандарты
Google Fonts анонсировал поддержку вариативных шрифтов. Тестовые файлы стилей уже отдаются для 12 доступных вариативных семейств, включая Roboto и Fira Code — https://codepen.io/nlwilliams/full/JjPJewp
источник
Веб-стандарты
Полное руководство по отзывчивым изображениям Элада Шехтера в переводе: ретина, форматы, элемент <picture> и image-set — https://medium.com/p/998f103a7a32
источник
2019 September 25
Веб-стандарты
Episode #194: Eric Meyer and Max Böck on CSS 13 years later, The definitive guide, modern CSS, slow pace of Web
standards, reinventing CSS, CSS mindset, the burden of cascade, CSS preprocessors. Links on Medium https://medium.com/p/1b738288c6ba or on YouTube https://youtu.be/qxwe-ixsTuI
источник
Веб-стандарты
00:00:22 Eric Meyer
00:37:30 Max Böck
источник
Веб-стандарты
История одной анимации. Расшифровка доклада Юрия Артюха про то, как математика и шейдеры помогли ему реализовать эффект «паутинки за запотевшим стеклом» — https://habr.com/p/450832/
источник
Веб-стандарты
Чейнинг стилей при помощи JavaScript Proxy. Тобаяс Алин собирает прокси-объект, который позволяет удобнее задавать множество CSS-свойств одному элементу — https://tobiasahlin.com/blog/chaining-styles-with-proxy/
источник
Веб-стандарты
Как правильно «делать» семантику. Кристофер Сельбекк в переводе объясняет, какие плюсы даёт использование HTML-тегов по назначению — https://medium.com/p/c6c20f26b776
источник
2019 September 26
Веб-стандарты
Более умные пользовательские свойства с новым Houdini API. Сэм Ричард о том, какие возможности даёт CSS Properties and Values API — https://web.dev/css-props-and-vals
источник
Веб-стандарты
История и наследие jQuery. Дэнни Гуо вспоминает, почему jQuery обрёл популярность в конце 2000-х и как стал вытесняться другими фреймворками, в переводе на Хабре — https://habr.com/p/468169/
источник