monochromer

CSS Print and PDF

Articles

• Мануэль Матузович. Я совсем забыл про стили для печати
• Craig Buckler. How to Create Printer-friendly Pages with CSS
• Dudley Storey. 5 Powerful Tips And Tricks For Print Style Sheets
• Rachel Andrew. Designing For Print With CSS
• Rachel Andrew. How To Create A PDF From Your Web Application
• Rachel Andrew. A Guide To The State Of Print Stylesheets In 2018

monochromer

• Генераторы для создания цепочки преобразований для имитации 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: Новые возмож

monochromer

* 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

monochromer

Headers from backend app:

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

monochromer

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

monochromer

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

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

hover

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

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

monochromer

# https://stackoverflow.com/questions/32893773/how-to-git-log-with-date-time-and-file-names-in-one-line
git log --pretty=%x0a%ci --name-only \
| awk '
     /^$/        { dateline=!dateline; next }
     dateline    { date=$0; next }
     !seen[$0]++ { print date,$0 }
'

monochromer

// https://jakearchibald.com/2021/encoding-data-for-post-requests/

function formToObject(formData) {
  return Object.fromEntries(
    [...new Set(formData.keys())]
      .map((key) => [key, formData.getAll(key)]),
  );
}

monochromer

sed -i '' '/line-with-text-to-delete/d' **/*.md

monochromer

• https://framer.com/
• https://hadron.app/
• https://www.invisionapp.com/feature/inspect/
• https://builderx.io/
• https://studio.design/
• https://visly.app/
• https://relate.app/
• https://modulz.app/
• https://clutch.io/
• https://teleporthq.io/