Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.91K photos
209 videos
48 files
5.2K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🎯 CSS Селекторы: nth-child

Восемь способов выбрать нужный элемент без лишних классов. От базовых :first-child и :last-child до продвинутых формул с :nth-child(3n+1). Один селектор вместо десятка классов.

Простая математика для точного контроля над версткой.

🐸 Библиотека фронтендера

#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
6🥰3🔥1
📋 Канбан-доска: HTML + CSS + SortableJS

Примеры кода для создания интерактивной доски задач в стиле Trello.

🔢 Что внутри:

— HTML-разметка колонок и карточек задач
CSS-стилизация с кастомными цветовыми тегами
Drag & Drop через библиотеку SortableJS
— Профили задач с аватарами и датами

Готовый код для изучения и использования в проектах.

🔹 Курс «Алгоритмы и структуры данных»
🔹 Получить консультацию менеджера
🔹 Сайт Академии 🔹 Сайт Proglib

🐸 Библиотека фронтендера

#readme #css #html #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5🥰2👏2
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Новое в CSS: автоматическая подгонка текста под контейнер

В Chrome Canary 145 появились свойства, которые позволяют нативно растягивать или ужимать текст под ширину блока — без JS.


h1 {
text-grow: per-line scale;
}


ℹ️ Что добавили:

• text-grow — растягивает короткие строки
• text-shrink — ужимает длинные

ℹ️ Методы подгонки:

scale, scale-inline, font-size, letter-spacing


По сути, это нативный FitText.js, только одной строкой CSS.

🐸 Библиотека фронтендера

#release_digest #readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥3🥰2