Size: a a a

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

2021 March 05
Веб-стандарты
Google Chrome ускорит релизный цикл: вместо релиза каждые 6 недель, браузер будет выходить каждые 4 недели. Изменения стартуют с Chrome 94, который выйдет 21 сентября, а не 12 октября.

Анонс изменений https://developer.chrome.com/blog/faster-release-cycle/
Календарь релизов https://chromiumdash.appspot.com/schedule
источник
Веб-стандарты
Flutter для веба вышел из беты с релизом Flutter 2. Главные сценарии использования фреймворка для веба: PWA для универсальности и интеграции, SPA для сложных веб-приложений, а также реиспользование кода мобильных приложений в вебе.

https://medium.com/p/d6b84e83b425
источник
Веб-стандарты
Unicode Range Interchange. Простой инструмент Зака Лезермана для добавления символов в существующие сабсеты unicode-range и подключения специально подготовленных версий шрифта.

Принципы работы https://www.zachleat.com/web/unicode-range-interchange/
Сам инструмент https://www.zachleat.com/unicode-range-interchange/
источник
2021 March 08
Веб-стандарты
Я со­всем за­был про сти­ли для пе­ча­ти. Мануэль Матузович напоминает, что стили для печати всё ещё актуальны и предлагает небольшую коллекцию полезных CSS-техник. В переводе на «Веб-стандартах».

https://web-standards.ru/articles/print-style-sheets/
источник
2021 March 09
Веб-стандарты
Выпуск №272. Никита Дубко, Андрей Мелихов, Вадик Матвеев и Юля Миоцен про Chrome 89 и DevTools, релизы и приватность, историю веба, цвета из спеки и дизайн-систему Consta.

Слушайте на Ютубе https://youtu.be/uq9X4ae6Frs
Читайте на Медиуме https://medium.com/p/95a80ffa8cbc
источник
Веб-стандарты
00:01:26 События
00:02:52 Chrome 89
00:11:00 Chrome DevTools
00:22:31 Релизы и приватность
00:29:44 История веба
00:37:55 Цвета из спеки
00:44:45 Зачем Consta
00:53:49 Как Consta
01:01:00 Когда Consta
01:07:00 Лендинг Consta
источник
Веб-стандарты
источник
Веб-стандарты
Яндекс.Практикум запустил профессию «React-разработчик» — двухмесячный интенсив для погружения в экосистему React. В программе базовая теория по React и TypeScript, практика в тренажёрах и дополнительные материалы для закрепления.
источник
Веб-стандарты
Системные шрифты не должны быть уродливыми. Иэн Бин предлагает сначала на сайте использовать системные шрифты и дополнять их веб-шрифтами только при необходимости.

https://iainbean.com/posts/2021/system-fonts-dont-have-to-be-ugly/
источник
2021 March 10
Веб-стандарты
Веб-компоненты легче, чем вы думаете. Джон Ри собирает с нуля простой веб-компонент для отображения карточки персонажа и объясняет каждый шаг: от создания шаблона и подключения к нему логики до стилизации.

https://css-tricks.com/web-components-are-easier-than-you-think/
источник
Веб-стандарты
Design is Frontend. Онлайн-конференция Affinage на стыке дизайна и вёрстки 24 марта. В программе 6 докладов: чек-лист по дизайну для фронта, мастер-класс по Figma, дизайн-система Райффайзена, почему нужна или не нужна дизайн-система и можно ли без неё.

https://dif.affinage.ru/?utm_source=telegram&utm_medium=post&utm_campaign=promo&utm_content=webstandards_ru
источник
Веб-стандарты
Анимации, привязанные к скроллу. Брамус Ван Дамм показывает, как работает экспериментальное правило @​scroll-timeline, позволяющее привязать анимацию к позиции элемента внутри прокручиваемого контейнера.

Часть 1: https://www.bram.us/2021/02/23/the-future-of-css-scroll-linked-animations-part-1/
Часть 2: https://www.bram.us/2021/03/04/the-future-of-css-scroll-linked-animations-part-2/
источник
2021 March 11
Веб-стандарты
Подробное руководство по стримам. Томас Штайнер рассказывает о Streams API, который позволяет получать, передавать и обрабатывать ресурсы по частям.

https://web.dev/streams/
источник
Веб-стандарты
Evolution запускает бесплатный буткемп по TypeScript для разработчиков с опытом работы во фронтенде. Курс пройдёт с апреля по июль с занятиями 3 раза в неделю. Заявки на участие принимаются до 15 марта.

Подробности https://typescript-bootcamp.evolution.com/by
Программа https://github.com/evolution-gaming/typescript-bootcamp/blob/main/Schedule.md
источник
Веб-стандарты
Расшифровка интервью с Дэном Абрамовым в блоге JUG Ru. Наталия Теплухина и Наталия Короткова поговорили с Дэном про React 17, Suspense, Concurrent mode, Redux и стейт-менеджеры, нормализацию данных на клиенте, прошлое React, хуки, холивары и личное.

https://habr.com/p/545024/
источник
2021 March 12
Веб-стандарты
10 видео с конференции Я 💛 Фронтенд: сервис-воркеры, менеджер состояний, доставка JSON, доступность для незрячих, V8, виртуальная реальность, разбор CTF, анимации на CSS, Dependency Injection, приложения для голосовых ассистентов.

https://youtube.com/playlist?list=PLKaafC45L_SQvmgHWgtUeX_Y59NiZhmEF
источник
Веб-стандарты
Разрабатываем браузерное расширение в 2021. Александр Коновалов рассказывает, как создавать кроссбраузерное расширение с переиспользуемыми компонентами, на примере расширения «Hello, Word!».

https://habr.com/p/545664/
источник
Веб-стандарты
Углубляемся в логические CSS-свойства. Ахмад Шадид разбирается в базовых понятиях и новых вариантах знакомых CSS-свойств, которые опираются на направление письма и помогают делать интерфейсы, готовые к удобной локализации.

https://ishadeed.com/article/css-logical-properties/
источник
2021 March 15
Веб-стандарты
Как посмотреть разницу между релизами npm-пакета. Стефан Джудис рассказывает о команде npm diff и показывает, как использовать инструмент delta для более наглядного отображения изменений.

https://www.stefanjudis.com/snippets/how-to-create-a-diff-of-npm-package-releases-on-the-command-line/
источник
Веб-стандарты
Клик или ховер. Размышления, почему стоит избегать привязки функциональности к наведению курсора на элемент и заменять ховер на клик.

https://wecreate.digital/blog/menu-clicks-vs-hover/
источник