Size: a a a

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

2021 March 24
Веб-стандарты
Под­держ­ка веба во Flutter те­перь ста­биль­ная. Марьям Хаснани про новую возможность фреймворка, которая позволит иметь единую кодовую базу на Dart для мобильных и веб-приложений. В переводе на «Веб-стандартах».

https://web-standards.ru/articles/flutter-web-support/
источник
Веб-стандарты
Как использовать GitHub Actions. Зел Лью разбирается в синтаксисе и возможностях экшенов и в интерфейсе отчётов для автоматизации тестирования, деплоя или любых других процессов вокруг кода.

https://zellwk.com/blog/understanding-github-actions/
источник
Веб-стандарты
GUI Challenges: создание компонента настроек. Свежий эпизод серии Адама Аргайла про оформление элементов форм, темизацию и современный CSS.

Статья https://web.dev/building-a-settings-component/
Видео https://youtu.be/dm7gnp6eh3Q
Демо https://gui-challenges.web.app/settings/dist/
источник
2021 March 25
Веб-стандарты
Цветовые функции в CSS. Вадим Макеев рассказывает, как модифицировать цвета прямо в браузере при помощи функции color-mix и нового синтаксиса rgb, и на лету подбирает контрастный цвет тексту при помощи color-contrast.

https://youtu.be/-6V7EvfUs3k
источник
Веб-стандарты
Под капотом у эмодзи. Никита Прокопов разбирается, как некоторые символы и их последовательности в Unicode превращаются в цветные изображения.

https://tonsky.me/blog/emoji/
источник
Веб-стандарты
Бета SvelteKit. Рич Харрис с анонсом публичной беты фреймворка для разработки приложений на Svelte.

Анонс: https://svelte.dev/blog/sveltekit-beta
Репозиторий: https://github.com/sveltejs/kit
Документация: https://kit.svelte.dev/docs
источник
2021 March 26
Веб-стандарты
Базовый набор для генеративного SVG. Джордж Фрэнсис рассказывает, какие инструменты могут пригодиться для создания генеративных изображений на SVG.

https://dev.to/georgedoescode/a-generative-svg-starter-kit-5cm1
источник
Веб-стандарты
Инструменты аудита CSS. Айрис Лешнянин с обзором инструментов, которые помогают найти в CSS дубликаты и неиспользуемый код, а также проанализировать специфичность и сложность CSS-кода.

https://www.smashingmagazine.com/2021/03/css-auditing-tools/
источник
Веб-стандарты
Стилизация текста поверх картинок на CSS. Ахмад Шадид показывает различные техники, позволяющие сделать текст, который накладывается на изображения, контрастным и доступным.

https://ishadeed.com/article/handling-text-over-image-css/
источник
2021 March 29
Веб-стандарты
Compat2021. Роберт Ниман и Филипп Ягенстедт рассказывают про инициативу разработчиков браузеров обеспечить совместимость самых востребованных фичей: флексбоксов, гридов, position: sticky, aspect-ratio и CSS-трансформаций.

https://web.dev/compat2021/
источник
Веб-стандарты
Первый прототип Container Queries, или выражений от контейнера, доступен за флагом в Chrome Canary. Новая директива @​container позволит менять стили от ширины блока, а не вьюпорта. Автор спецификации Мириам Сюзанн с подробностями и демо.

https://twitter.com/MiriSuzanne/status/1375504202823200770
источник
Веб-стандарты
Интерактивные веб-компоненты легче, чем вы думаете. Джон Ри добавляет в веб-компонент карточки персонажа анимацию и функциональность лайков и отправки сообщений.

https://css-tricks.com/interactive-web-components-are-easier-than-you-think/
источник
2021 March 30
Веб-стандарты
У какой команды F1 самый быстрый сайт в 2021? Джейк Арчибальд проводит неофициальный зачёт по перфомансу.

Alpha Tauri https://jakearchibald.com/2021/f1-perf-part-1/
Alfa Romeo https://jakearchibald.com/2021/f1-perf-part-2/
Red Bull https://jakearchibald.com/2021/f1-perf-part-3/
Williams https://jakearchibald.com/2021/f1-perf-part-4/

Продолжение следует.
источник
Веб-стандарты
Команда Deno, альтернативы Node.js, объявила о создании Deno Company. Соавтор проекта Райан Дал рассказал, что полученные инвестиции позволят нанять постоянных разработчиков для работы над Deno, но проект останется опенсорсным и полностью бесплатным.

https://deno.com/blog/the-deno-company
источник
Веб-стандарты
Выпуск №275. Никита Дубко, Марианна Минич, Вадим Макеев, Лена Райан про Firefox 87, Container Queries, Compat 2021, SvelteKit, эмоджи, лонгрид и дорогу к доступности.

Слушайте на Ютубе https://youtu.be/mh6BZl7UFLw
Читайте на Медиуме https://medium.com/p/527ac5539ca6
источник
Веб-стандарты
00:01:34 События
00:03:54 Новинки Firefox 87
00:07:12 Container Queries
00:12:34 Compat 2021
00:21:40 SvelteKit
00:31:07 Эмоджи или эмодзи
00:37:21 A11y-лонгрид
00:44:31 Дорога к доступности
источник
2021 March 31
Веб-стандарты
JS Марафон. Плейлист первого урока, в котором Зар Захаров объясняет самые основы синтаксиса JavaScript.

https://youtube.com/playlist?list=PLsa30Mv10y2LYg7NUGzFzQGjZVWJGCTcN
источник
Веб-стандарты
Тёмная тема за 5 минут. Лия Веру использует цветовые пространства HSL и LCH и для переключения темы инвертирует только светлость.

https://lea.verou.me/2021/03/inverted-lightness-variables/
источник
Веб-стандарты
SVG-генераторы. Айрис Лешнянин с подборкой инструментов для генерации различных SVG: дудлов, фавиконок, волн, градиентов, анимаций, спрайтов и других.

https://www.smashingmagazine.com/2021/03/svg-generators/
источник
2021 April 01
Веб-стандарты
Краткий обзор возможностей новой версии Sublime Text 4: улучшенный интерфейс и саджесты, автопереключение тёмной и светлой темы и встроенная поддержка TypeScript, TSX, JSX.

Видео https://vimeo.com/529550701
Сайт https://www.sublimetext.com/
Изменения https://gist.github.com/jfcherng/7bf4103ea486d1f67b7970e846b3a619
источник