📈 Пара #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/
Статья для новичков в #JavaScript
Почему не стоит использовать оператор не строгого сравнения
https://blog.hrithwik.me/lose-equality-and-strict-equality-in-javanoscript
Почему не стоит использовать оператор не строгого сравнения
https://blog.hrithwik.me/lose-equality-and-strict-equality-in-javanoscript
Как работает z-index: наглядное объяснение с интерактивным примером
https://thirumanikandan.com/posts/learn-z-index-using-a-visualization-tool
https://thirumanikandan.com/posts/learn-z-index-using-a-visualization-tool
— Привет, можно задать вопрос?
— Кто-нибудь разбирается в JavaScript?
Видели такие вопросы?
Или может задавали их сами?
Не нужно так, задавайте конкректный вопрос сразу
https://dontasktoask.com/
— Кто-нибудь разбирается в JavaScript?
Видели такие вопросы?
Или может задавали их сами?
Не нужно так, задавайте конкректный вопрос сразу
https://dontasktoask.com/
43 разных способа создать веб-компонент
https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/
<my-counter/> разные метрики. https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/
WebComponents.dev
All the Ways to Make a Web Component - Feb 2022 Update
Compare coding style, bundle size and performance of 61 different ways to make a Web Component.