BIG DATA всё про вас знает. Только понять ничего не может.

NHttp — HTTP/2 фреймворк для Deno наподобие Express

В отличие от остальных фреймворков, не привязан к std/http и не зависимостей

Используется только нативный Deno.serveHttp (пока ещё нестабильный API для сервера, использующий Hyper, сервер на Rust)

#jslib #deno #backend #webdev #http2

Thot — приплюснутая акцидентная антиква студии Letterhead.

Одно начертание, цена 2350 ₽.

Купить: https://letterhead.store/thot

#serif

​​А что там в СССР? Космос и интерфейсы

Автоматизированная система «Человек-машина», 1968 год. Создавалась для эффективного наблюдения операторов за объектом. На экране при нормальной работе системы воспроизводится светомузыкальная картина. Как только в системе происходят какие-либо отклонения, изображение вытесняется красно-белой пульсацией, в музыке появляются неприятные на слух искажения.

Светоиндикационная система «Человек-машина» делалась по заказу Королева, но на космическом борту ее так и не установили: после смерти конструктора заказы были аннулированы. Ее прототип до сих пор можно найти в архиве НИИ «Прометей». Чуть позже, в 1971-м, НИИ «Прометей» все-таки внес вклад в развитие космических экспедиций — подарил космонавтам аппарат, создающий светодинамическую картинку, для психологической разгрузки во время долгих тренировок.

Само НИИ было культовым и было названо так в честь произведения А. Н. Скрябина «Прометей». Подробнее можно почитать на самом сайте НИИ http://prometheus.kai.ru/idei_r.htm

Learn CSS.

#tutorial #course #css
@thedevs

https://kutt.it/PA6Iom

Илья Сидоренко: «Как дизайнеру построить личный бренд»
https://designpub.ru/3e5fb154fb98

Vanilla Thunder: «Как и куда расти дизайнеру»
https://designpub.ru/d7cffa412fe8

Франсуа Хендрикс рассказал о том, как сделать библиотеку, у которой не было бы проблем с три-шейкингом — "How To Make Tree Shakeable Libraries".

Недостаточно поправить конфиг сборки приложения, чтобы бандлер смог выкинуть неиспользуемый код библиотеки. Сама библиотека не должна мешать этому процессу. Eё код должен быть написан с использованием ESM и разбит на большое число небольших модулей, которые экспортируют только один кусок логики. При сборке библиотеки нужно настроить её бандлинг с сохранением структуры. Это нужно делать для того, чтобы бандлеры могли применять оптимизации, опираясь на информацию из поля sideEffects package.json.

Также в статье есть рекомендация не использовать транспиляцию перед публикацией библиотеки, так как наиболее оптимальную цель транспиляции знает только пользователь библиотеки. Если от транспиляции отказаться нельзя, то нужно проконтролировать, чтобы сохранился формат ESM.

Очень полезная и большая статья. Рекомендую почитать.

#performance #bundle #library

https://blog.theodo.com/2021/04/library-tree-shaking/

Сходил в гости к веб-стандартам. Обсудили новые версии Node.js, Firefox, Chrome и Safari. Разобрались в том, почему Google борется за быстрый веб. Ну и немного поговорили про Defront.

Выпуск №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/

В блоге DebugBear была опубликована статья, посвящённая отладке проблем производительности сайта с помощью Chrome DevTools, — "Profiling site speed with the Chrome DevTools Performance tab".

Вкладка "Performance" в инструментах разработчика может показаться очень сложной. Но если немного разобраться, то с её помощью можно быстро находить проблемы, связанные с производительностью и рендерингом. Например, для поиска запросов, приводящих к изменению страницы, для определения кода, приводящего к перекомпановке страницы, для локализации наиболее "горячих" функций и т.п.

Совет из статьи. Часто возникает ситуация, когда сложно понять взаимосвязи между активностями во время загрузки страницы, так как они происходят почти одновременно. Для упрощения отладки можно "растянуть" по времени эти активности с помощью троттлинга сети и CPU.

Полезная статья. Рекомендую заглянуть.

#performance #debug

https://www.debugbear.com/blog/devtools-performance

Ахмад Шадид написал статью про CSS Container Queries — "Say Hello To CSS Container Queries".

Для управления контекстным отображением компонентов можно использовать медиавыражения, но они не подходят для случаев, когда компонент может быть размещён в контейнерах с разной шириной. Эту проблему решают выражения от контейнера (Container Queries). Благодаря им у нас появляется возможность задавать элементам стили, которые зависят от размера контейнера:

@container (min-width: 400px) {
  .c-article {
    display: flex;
    flex-wrap: wrap;
  }
}

В статье Ахмад показывает на примерах, где могут быть полезны выражения от контейнера: при размещении элементов в грид-раскладке, в карточке профиля, с компонентом пагинации, с элементами форм, при размещении одного и того же компонента с основным контентом и в сайдбаре.

На данный момент выражения от контейнера доступны только в Chrome Canary за экспериментальным флагом.

#css #experimental

https://ishadeed.com/article/say-hello-to-css-container-queries/