📈 Пара #git хинтов на сегодня. Как не тащить всю историю репозитория. Полезно, в частности, для ускорения CI/CD:
1️⃣ с
2️⃣ c
1️⃣ с
--depth 1 вы можете склонировать только последнюю ревизию (небольшой проект клонирует примено на 15-30% быстрее). 2️⃣ c
--single-branch вы можете склонировать только конкретную веткуThis media is not supported in your browser
VIEW IN TELEGRAM
"Блокнот" в браузере 🙃
data:text/html,<html contenteditable>
This media is not supported in your browser
VIEW IN TELEGRAM
Генератор сепараторов секций на чистом CSS. Настрой и копируй #CSS 🙂
https://wweb.dev/resources/css-separator-generator
https://wweb.dev/resources/css-separator-generator
Для любителей похоливарить о том, какой из фреймворков лучше
(я бы не стал ссылаться на это, т.к. тут солянка из кучи всевозможных приложений, которые в принципе нет смысла сравнивать по "крутости" фреймворка)
https://perf-track.web.app/
(я бы не стал ссылаться на это, т.к. тут солянка из кучи всевозможных приложений, которые в принципе нет смысла сравнивать по "крутости" фреймворка)
https://perf-track.web.app/
Perf Track
Tracking framework performance at scale
#AVIF или #AV1 - новый формат сжатия изображений (#Netflix уже пользуется ним)
На 30% меньше #WEBP и на 50% меньше #JPEG
https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
На 30% меньше #WEBP и на 50% меньше #JPEG
https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
Reachlightspeed
How to Use AVIF: The New Next-Gen Image Compression Format
How to Use AVIF: The New Next-Gen Image Compression Format August 5, 2020 Dan Klammer Performance Designer Dan Klammer (@danklammer) on Twitter November 2, 2021 Update: Firefox 93 now supports the...
Minimal React: getting started with the frontend library - для людей, которые хотят начать изучать #React (#frontend)
https://2ality.com/2020/08/minimal-react.html
https://2ality.com/2020/08/minimal-react.html
Отзеркаленный текст в одну строку на чистом #CSS
-webkit-box-reflect: below -60px linear-gradient(transparent, rgba(0,0,0,0.2));Shoelace, универсальная библиотека UI-компонентов, не привязанная к фреймворкам: основана на веб-компонентах, работает без сборки, поддерживает темизацию и тёмную тему, решает проблему доступности
#CSS #WebComponents
https://shoelace.style/
#CSS #WebComponents
https://shoelace.style/
This media is not supported in your browser
VIEW IN TELEGRAM
Наконец в #CSS будет возможность без боли заменить маркеры элементов списков на кастомные
https://web.dev/css-marker-pseudo-element/
https://web.dev/css-marker-pseudo-element/