Size: a a a

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

2021 April 09
Веб-стандарты
CSS Conf Colombia пройдёт онлайн в субботу 10 апреля. В программе 8 докладов на английском и 6 на испанском: печать, Houdini, доступность, CSS-трюки, Shadow DOM, дизайн и анимация. Начало в 16:00 (GMT+3).

Регистрация https://cssconf.co/
Программа https://cssconf.co/schedule
источник
2021 April 12
Веб-стандарты
Выпуск №277. Александр Зубов, Вадим Макеев, Маша Просвирнина, Никита Дубко про возвращение SharedArrayBuffer, стилизацию контролов, TypeScript, Dev Tips, индивеб и Podlodka Frontend Crew.

Слушайте на Ютубе https://youtu.be/xglM7DJaLRU
Читайте на Медиуме https://medium.com/p/b655bd15a6ba
источник
Веб-стандарты
00:01:32 События
00:05:13 Возвращение SharedArrayBuffer
00:11:16 Base и стилизация контролов
00:17:30 DevTools на TypeScript
00:32:22 Индивеб и Dev Tips
00:42:30 Podlodka Frontend Crew
00:49:55 Будущее и воркшопы
00:55:20 Коммерция и сообщество
источник
Веб-стандарты
Бумажные снежинки. Мишель Баркер при помощи clip-path, масок и градиентов рисует снежинки, похожие на вырезанные из бумаги.

https://css-irl.info/paper-snowflakes-combining-clipping-and-masking-in-css/
источник
2021 April 13
Веб-стандарты
Список инди-сайтов по фронтенду. Пополняемая коллекция живых блогов или проектов на русском или английском, на своих доменах и со ссылками на RSS. Предложить сайт в список можно через пулреквест.

https://github.com/web-standards-ru/indie-list
источник
Веб-стандарты
Против инициативы Google по отслеживанию пользовательского поведения через FLoC выступили браузеры Brave и Vivaldi, а также EFF с сайтом «Am I FLoCed?», где можно проверить Floc ID и узнать, как его отключить.

FLoC https://web.dev/floc/
Brave https://brave.com/why-brave-disables-floc/
Vivaldi https://www.reddit.com/r/vivaldibrowser/comments/moaapb/does_vivaldi_have_a_position_on_andor_plans_to/gu2muze/
Am I FLoCed? https://amifloced.org/
источник
Веб-стандарты
Гэпы? Опа! Эрик Мейер с заметкой на CSS-Tricks, суммирующей случаи применения CSS-свойства gap для отступов между элементами раскладки: не только в гридах, но и во флексах и мультиколонках.

https://css-tricks.com/gaps-gasp/
источник
2021 April 14
Веб-стандарты
Новинки Chrome 90 в обзоре Пита Лепажа: поддержка overflow: clip и overflow-clip-margin, Permissions Policy вместо Feature Policy, декларативный Shadow DOM, HTTPS-версии сайтов по умолчанию и другие.

Видео в стиле 90-х https://youtu.be/h3MONldIoNM
Текст https://developer.chrome.com/blog/new-in-chrome-90/
источник
Веб-стандарты
Руководство по вёрстке HTML-писем. Виталий Фридман со списком инструментов, генераторов, фреймворков, шаблонов и хороших практик, помогающих в вёрстке писем.

https://www.smashingmagazine.com/2021/04/complete-guide-html-email-templates-tools/
источник
Веб-стандарты
Как соединить Fullscreen API со стилями. Евгений Клименченко показывает, как развернуть конкретный элемент на весь экран при помощи JavaScript и применить для развёрнутого элемента специфичные стили.

https://css-tricks.com/how-to-leverage-the-fullscreen-api-and-style-it/
источник
2021 April 15
Веб-стандарты
Нестандартные шрифты: как подключить и оптимизировать. Саша Смыгина с советами по перфомансу загрузки шрифтов.

https://habr.com/p/552388/
источник
Веб-стандарты
CSS — язык со строгой типизацией. Эрик Бейли сравнивает TypeScript и CSS с точки зрения типов и рассказывает, какие типы есть в CSS.

https://css-tricks.com/css-is-a-strongly-typed-language/
источник
Веб-стандарты
Проблемы с переполнением в CSS. Ахмад Шадид разбирается, как найти элементы с переполнением на странице, в причинах его возникновения и рассказывает, как чинить наиболее частые случаи.

https://www.smashingmagazine.com/2021/04/css-overflow-issues/
источник
2021 April 16
Веб-стандарты
Решение для бага с адаптивной типографикой в Safari. Сара Суайдан рассказывает, как ей удалось обойти ошибку, из-за которой размеры шрифтов, основанные на vw, не пересчитываются в Safari при изменении размеров окна.

https://www.sarasoueidan.com/blog/safari-fluid-typography-bug-fix/
источник
Веб-стандарты
Курс по NestJS с нуля Антона Ларичева запустился на Udemy. В программе 65 лекций по современному бэкенду на TypeScript и Node.js, в сумме 10 часов. От слушателей требуется базовое знание JS, цена с промокодом 1090 ₽.

https://www.udemy.com/course/nestjs-backend-typescript-node-js/?couponCode=B2677047891F38F12900
источник
Веб-стандарты
Мой шаблон для HTML. Мануэль Матузович делится шаблоном, с которого начинает вёрстку новых страниц, объясняя каждую его строчку.

https://www.matuzo.at/blog/html-boilerplate/
источник
2021 April 19
Веб-стандарты
Выпуск №278. Андрей Мелихов, Вадим Макеев, Никита Дубко про инди-сайты, подкаст на сайте и RSS, Chrome 90, инспектор гридов в Safari, Wrike без Dart, FLoC и матрицу компетенций.

Слушайте на Ютубе https://youtu.be/GNvN1X4riKo
Ссылки на сайте https://web-standards.ru/podcast/278/
источник
Веб-стандарты
00:01:13 Инди-сайты
00:05:54 Подкаст на сайте и RSS
00:11:13 Chrome 90
00:26:58 Инспектор гридов в Safari
00:30:28 Dart уходит из Wrike
00:44:40 FLoC или куки
01:00:44 Матрица компетенций
источник
Веб-стандарты
Правда ли, что WebAssembly — палочка-выручалочка для перфоманса? Александр Сурма объясняет, что происходит в движке при подключении WebAssembly-кода, и проводит замеры перфоманса для разных вариантов языков, движков и опций.

https://surma.dev/things/js-to-asc/
источник
Веб-стандарты
Компания Wrike решила перейти с языка Dart на связку React и TypeScript. Подробная история в двух частях:

Почему не Dart https://habr.com/p/551962
Как выбрали новый https://habr.com/p/551964
источник