Единица 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

Обновленная библиотека Anime.js

Cамая популярная библиотека анимаций на JavaScript — обновилась до версии 4.0

Обновлённая документация, новые фичи, улучшенная производительность и многое другое

Смотреть - https://animejs.com

➡️ @byFrontDeveloper

Знали ли вы, что VSCode умеет открывать браузер?

И для этого не нужны костыли в виде расширений. Всё из коробки

Твой код и изменения в одном окне

➡️ @byFrontDeveloper

Не знаешь, какую единицу использовать в CSS?

px, rem, em, fr, %, vh... слишком много вариантов 👊

Эта диаграмма — РЕШЕНИЕ!

Прими решение на основе информации, какая единица подходит лучше всего

➡️ @byFrontDeveloper

Как приподнять вьюпорт с помощью JavaScript 😂

➡️ @byFrontDeveloper