Единица turn для углов

turn — это единица измерения в CSS, где 1turn = 360 градусов

➡️ @byFrontDeveloper

Вы знали, что в Chrome DevTools есть скрытая функция CSS Overview?

Она предоставляет полный анализ цветов, шрифтов, медиазапросов и неиспользуемых стилей на вашем сайте — всё в одном месте ☕️

➡️ @byFrontDeveloper

Крутой трюк с CSS — использовать :hover на контейнере и :not(:hover) для элементов, которые сейчас не находятся под курсором, чтобы создать более продвинутые эффекты

➡️ @byFrontDeveloper

Паришься с подбором шрифтов для UI? 🔥

Вот тулза, которая подберёт идеальную пару основного и второстепенного шрифта, да ещё и на реальных примерах

Больше никаких страданий с типографикой: https://www.uifonts.app/

➡️ @byFrontDeveloper

Если вы видите слова, вы заслуживаете 69 000 000 долларов. 🔍

➡️ @byFrontDeveloper

➡️ @byFrontDeveloper

Совет по HTML

Чтобы автоматически обновлять HTML-страницу через заданный интервал времени, можно использовать тег <meta> с атрибутом http-equiv, установленным в значение "refresh".

Это позволяет указать количество секунд, через которое страница будет перезагружаться.

👮‍♂️👮‍♂️👮‍♂️

➡️ @byFrontDeveloper

Шпаргалка по CSS

😮

➡️ @byFrontDeveloper

VS Code фича, про которую ты мог не знать:

Теперь в терминале можно включить автодополнение а-ля IntelliSense

Как включить:
• Открываешь Settings → ищешь "terminal integrated suggest"
• Врубаешь чекбокс

Пользуемся ✌️

➡️ @byFrontDeveloper

Движущийся замок в стиле Ghibli 😮

Анимация с использованием CSS

⏩Смотреть код - тут

➡️ @byFrontDeveloper