monochromer

Оригинал: https://t.me/gorshochekvarit/175

Dual Package - ESM и CJS

Примерно год назад стал очевиден тренд на переход всего и вся на ESM. Было несколько заявлений от опенсорс мейнтейнеров, самое известное, возможно, пост от Sindre Sorhus. Стало понятно, что нужно смотреть в эту сторону и думать как перевести свои проекты на ESM, в том числе CSSTree (и должно быть частью 2.0). Но в отличие от Sindre, я планировал перевод не на Pure ESM (поддержка только ESM), а на Dual, когда поддерживается и ESM и CommonJS.

Кажется, что до сих пор нет единого мнения о том как правильно – есть ярые сторонники как Pure ESM, так и Dual. У каждого подхода свои плюсы и минусы. Я склоняюсь к Dual, потому что попробовав использовать ESM на нескольких Node.js проектах (библиотеки и скрипты), пришел к мнению, что CommonJS во многих случаях и проще, и уместнее ESM. А вот если говорить про код испо

Сергей Куликов. Веб-компоненты

Оригинал в twitter-канале jsunderhood: https://twitter.com/jsunderhood/status/1328042944985706512

Кастомные элементы: знакомство.

https://x.com/jsunderhood/status/1325697486640586754

О том, почему не взлетели веб-компоненты.

https://x.com/jsunderhood/status/1325787546224373760

Порядок обработки директив `location`

1. Точное совпадение

Не может иметь вложенные location’ы

Youtube Thumbnails CDN

URLS:

https://i.ytimg.com/vi/<video-id>/<size>.jpg
https://i.ytimg.com/vi_webp/<video-id>/<size>.webp

Sizes (video, channel):

default - 120x90, 88x88
mqdefault - 320x180, 240x240
hqdefault - 480x360, 800x800

CSS Print and PDF

Articles

Генераторы для создания цепочки преобразований для имитации RxJS, ещё примеры с конкурентностью.
Stream Iterators Utils - утилита для преобразования генераторов в node.js streams. Аналогичная библиотека и ещё.
Callbag - библиотка, похожая на RxJS
lfi. A lazy functional iteration library supporting sync, async, and concurrent iteration.
Набор утилит для работы с итераторами и генераторами, в т.ч. в React
Vitaliy Akimov. Async Generators as an alternative to State Management
[Vitalii Akimov. Async Generators: Новые возмож

Headers from backend app:

Content-Type: text/event-stream;  
Connection: keep-alive;  
Cache-Control: no-cache;  
X-Accel-Buffering: no;

Nginx. Бесплатная версия, коммерческая версия
Nginx Unit. https://unit.nginx.org/
Caddy
H2O
cowboy
HAProxy
SŌZU. Сайт, github
Static Web Server. github, сайт
LWAN . Сайт, github
Passenger

Определение способа взаимодействия

https://habr.com/ru/company/ruvds/blog/556156/

`hover`

Мультимедийная функция hover используется для выполнения запроса, направленного на выяснение возможности пользователя наводить указатель основного указывающего устройства на элементы. Если у устройства имеется несколько указывающих устройств, то hover-запрос должен отражать характеристики «основного» указывающего устройства, определённого пользовательским агентом.

@media (hover: hover) {
 /* при использовании основного механизма ввода можно без труда навести указатель на элемент */

	* https://medium.com/adobetech/an-http-caching-strategy-for-static-assets-configuring-the-server-1192452ce06a

	server {
	* style.cache-a1b2c3d4e5.css
	location ~ \.cache-[a-z0-9]+\. {
	etag off;
	add_header Cache-Control "public,max-age=31536000,immutable";
	}

	* index.html