Size: a a a

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

2021 April 20
Веб-стандарты
Редактирование кода с подсветкой синтаксиса. Оливер Гир показывает, как в браузере при помощи textarea и библиотеки Prism.js собрать область для ввода кода, для которого на лету подхватывается подсветка синтаксиса.

https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/
источник
Веб-стандарты
Работа с датой и часовыми поясами в JavaScript. Дон У Ким в переводе на Хабре разбирается в особенностях объекта Date при работе с разными часовыми поясами и летним временем.

https://habr.com/p/551830/
источник
Веб-стандарты
В Safari TP 123 появился инспектор CSS-гридов. В панели Layout можно настроить отображение треков, линий, областей и отдельных гридов и назначать гридам свои цвета для более удобной отладки.

https://webkit.org/blog/11588/introducing-css-grid-inspector/
источник
2021 April 21
Веб-стандарты
Вышла Node.js 16, которая станет LTS-релизом только осенью. V8 обновился до 9.0, стабилизированы Timers Promises API, AbortController и Source Maps v3. Добавлен экспериментальный Web Crypto API, N-API стал Node-API в v15. Node.js 16 поставляется с npm 7.

https://medium.com/p/7f5099a97e70
источник
Веб-стандарты
Плавающий элемент в нижнем углу. Темани Афиф соединяет флоаты, флексы и свойство shape-outside, чтобы решить задачу размещения обтекаемого элемента в любом месте контейнера с текстом.

https://css-tricks.com/float-an-element-to-the-bottom-corner/
источник
Веб-стандарты
Новинки Firefox 88 в обзоре Криса Миллса: псевдоклассы :user-valid и :user-invalid для полей, image-set() для псевдоэлементов и курсоров, обтекание outline по форме блока, hasIndices для регулярных выражений и отключение поддержки FTP.

https://hacks.mozilla.org/2021/04/never-too-late-for-firefox-88/
источник
2021 April 22
Веб-стандарты
Шесть видео с Я.Субботника по разработке интерфейсов в отдельном плейлисте: пути развития во фронтенде, польза общих компонентов, оптимизация скорости кода, трассировка кода, микрофронтенды и виджеты, дженерики в TypeScript.

https://www.youtube.com/playlist?list=PLKaafC45L_SSQzEjU7ZFVn22OyQC5fJHv
источник
Веб-стандарты
Вышел Lit 2.0, мажорное обновление, которое объединяет lit-html и LitElement для удобной работы с веб-компонентами и расширяет документацию примерами и руководствами.

Сайт https://lit.dev/
Релиз в блоге https://lit.dev/blog/2021-04-21-lit-2.0-meet-lit-all-over-again/
Лайв с докладами https://youtu.be/f1j7b696L-E
источник
2021 April 23
Веб-стандарты
CSS-нестинг — боль­ше, чем са­хар. Роман Дворнов разбирается в шумихе вокруг спецификации: насколько это сахар, как может расшириться атрибут style и какие перспективы внедрения нестинга в браузеры.

https://web-standards.ru/articles/css-nesting/
источник
Веб-стандарты
Новинки беты Chrome 91: метатег battery-savings для экономии заряда, директива @​counter-style для оформления списков в CSS, новые контролы форм на Android, обновлённый JS-движок V8 9.1, ES-модули для сервис-воркеров и другое.

https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html
источник
Веб-стандарты
CSS Hell, сборник распространённых ошибок в стилях и рекомендаций, как их исправить. Проект Стефании Петер, вдохновлён сборником HTML Hell Мануэля Матузовича.

CSS Hell https://csshell.dev/
HTML Hell https://htmhell.dev/
источник
2021 April 26
Веб-стандарты
Инструмент конвертации различных форматов изображений в AVIF. Работает в браузере без отправки изображений на сервер благодаря применению WebAssembly.

https://avif.io/
источник
Веб-стандарты
Руководство по современным псевдоклассам. Стефани Эклз рассказывает о псевдоклассах из спецификации селекторов 3 и 4 уровня, которые уже имеют поддержку в большинстве современных браузеров.

https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/
источник
Веб-стандарты
Выпуск №279. Вадим Макеев, Александр Мышов, Андрей Мелихов про Defront, Firefox 88, Node.js 16, бету Chrome 91, XHR как дискету, внезапный popup, AMP и Core Web Vitals.

Слушайте на Ютубе https://youtu.be/A7HWbbx1qMQ
Ссылки на сайте https://web-standards.ru/podcast/279/
источник
Веб-стандарты
00:10:42 Firefox 88
00:18:37 Node.js 16
00:26:45 Бета Chrome 91
00:35:58 XHR как дискета
00:39:19 Внезапный popup
00:48:54 AMP всё?
00:53:10 Core Web Vitals
источник
2021 April 27
Веб-стандарты
Использование асинхронных API из WebAssembly. Ингвар Степанян рассказывает про Asyncify — возможность приостанавливать выполнение программы, добавляемую на этапе компиляции.

https://web.dev/asyncify/
источник
Веб-стандарты
Старт проекта на TypeScript в 2021. Крис Хагер делится руководством по тому, как настроить проект с экосистемой вокруг TypeScript: сборка, линтеры, тестирование, публикация пакетов, CI, автоматическая документация.

https://www.metachris.com/2021/04/starting-a-typescript-project-in-2021/
источник
Веб-стандарты
Новинки Safari 14.1 в обновлении iOS 14.5, обзор Максимилиано Фиртмана: изменения для PWA, Speech Recognition API, нестандартный элемент <model>, Contact Picker API, Paint Timing API, приватные клики по рекламе, свойство gap для флексов и другое.

https://firt.dev/ios-14.5/
источник
2021 April 28
Веб-стандарты
Value Definition Syntax. София Валитова объясняет, как в спецификациях CSS читать грамматику синтаксиса, который используется для описания типов, значений свойств и селекторов.

https://ariarzer.dev/value-definition-syntax.html
источник
Веб-стандарты
Онлайн-курс про цифровую доступность для разработчиков, исследователей и дизайнеров пройдёт 22 мая—27 июня. В программе: теория доступной разработки, применение знаний на практике и тестирование работ вместе с незрячими людьми.

https://kurmak.info/
источник