💡 Самый простой способ вертикального центрирования контента в макете блока: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#css #tip by Shripal Soni

💡AbortSignal.timeout() в действии: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

#css #tip by Shripal Soni

💡 Советы по CSS при работе с текстовыми полями: на заметку фронтенд-разработчику

🔹 Используйте field-sizing: content, чтобы текстовая область автоматически изменяла размер в соответствии с ее содержимым.
🔹 Используйте единицы измерения lh, чтобы установить высоту в вычисленных единицах высоты строки шрифта.

#css #tip by stackblitz

💡Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

#css #tip by Shripal Soni

💡 Простая формула для вычисления радиуса вложенной границы: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

#css #tip by Shripal Soni

💡 Кстати, CSS-псевдокласс :where() используется для одновременного применения одного и того же стиля ко всем элементам в скобках. Он требует в качестве аргумента список селекторов, разделённых запятыми.

#css #tip

💡 Использование сокращенной записи для определения всех четырех позиций в CSS

#css #tip by Shripal Soni

✅ Indeterminate checkbox

С помощью свойства indeterminate в JavaScript и псевдокласса :indeterminate в CSS можно легко управлять и кастомизировать чекбоксы для улучшения UX.

#css #javascript #tip by Shripal Soni