Вышла первая стабильная версия Loki, система агрегации логов от Grafana

Чем Loki отличается от других таких инструментов:
— хранит логи в сжатом и неструктурированном виде, индексирует только метаданные;
— индексирует и группирует логи теме же метками, что и в Prometheus;
— удобная поддержка хранения логов Kubernetes подов;
— нативная поддержка Grafana.

Исходники и документация: https://github.com/grafana/loki

#инструменты

Getting started with Pug - LogRocket Blog
https://blog.logrocket.com/getting-started-with-pug/

Open-source rival for OpenAI's DALL-E runs on your graphics card
https://mixed-news.com/en/open-source-rival-for-openais-dall-e-runs-on-your-graphics-card/

Glassmorphism

Данный эффект основан на размытии фона с прозрачностью и для демонстрации глубины и контекста интерфейса использует уложенные слои.

📑 Сайт

Clean Code #инструменты

AI Image Generators Compared Side-By-Side Reveals Stark Differences
https://petapixel.com/2022/08/22/ai-image-generators-compared-side-by-side-reveals-stark-differences/

Unix legend, who owes us nothing, keeps fixing foundational AWK code | Ars Technica
https://arstechnica.com/gadgets/2022/08/unix-legend-who-owes-us-nothing-keeps-fixing-foundational-awk-code/

Создаём лоадеры при помощи CSS

Современные сайты достаточно тяжёлые, поэтому не загружаются моментально. Чтобы ваши пользователи поняли, что сайт или контент грузится, а не просто крашнулась страница, стоит добавить лоадеры, которые покажут, что процесс идёт.

В этой статье собраны несколько вариантов, которые сможет реализовать даже неопытный верстальщик с помощью простого CSS:

https://techrocks.ru/2020/04/21/nice-preloaders-created-with-css/

#css

Отрисовка в браузере большой анимации, или как уйти с mp4 к собственному формату видео

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

https://habr.com/ru/company/floor796/blog/673318/

Music App в рисованном стиле

Ловите интересную реализацию дизайна музыкального приложения, выполненную в рисованном стиле. Можете попробовать повторить его самостоятельно или, взяв его за основу, создать собственный вариант приложения:

https://codepen.io/havardob/pen/JjJXqZm

#codepen

​«Я всё время неправильно создавал формы в React.js»

Если вам часто приходится создавать формы с помощью React, то вы наверняка сталкивались с необходимостью использования множества useState для различных элементов формы.

В этой статье автор поделился собственным способом создания компонента формы, которые избавляет от этой проблемы и делает код более лаконичным:

https://dev.to/kuvambhardwaj/i-was-creating-forms-the-wrong-way-all-along-in-reactjs-hl3

#фронтенд #react

​Web Speech API в JavaScript: от текста к речи

Для того, чтобы преобразовать текст в речь в JavaScript существует готовое API под названием Web Speech API. Если хотите добавить на ваш сайт или в ваше приложение такую удобную функцию, то в этой статье автор вместе с читателями разбирается в её возможностях и функционале:

https://nuancesprog.ru/p/16036/

#javascript