Если вы видите слова, вы заслуживаете 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

Создавай анимации между страницами всего в 5 строках кода

Знакомься: View Transitions в CSS

View Transitions в CSS — это новая фича, которая позволяет создавать плавные анимации при переходе между страницами или состояниями интерфейса практически без JavaScript

➡️ @byFrontDeveloper

Когда вебразраба попросили покрасить яйца

😆

➡️ @byFrontDeveloper

Научитесь создавать это перетаскивание с помощью JavaScript и SortJS

⏩вот сам код

➡️ @byFrontDeveloper

💡👩‍💻 Не используйте кучу JS для тёмной и светлой темы. useMedia() и т. п. приводят к тому, что сайт вспыхнет белым при загрузке JS.

Делайте переключение темы в CSS через специальное медиа-выражение. А чтобы работал переключатель, возьмите этот PostCSS-плагин

➡️ @byFrontDeveloper

Воспроизведение звуков в JS — плёвое дело:

🔸 Создаём Audio, кидаем туда путь к файлу
🔸 Вызываем метод play()

Обратите внимание, что здесь мы создаём только один экземпляр Audio и переиспользуем его, а не создаём новый каждый раз

Также доступны различные методы для паузы, продолжения, остановки, перемотки и т.д.

Этот способ воспроизведения сработает только после взаимодействия юзера со страницей.

➡️ @byFrontDeveloper

Sailboat UI

Cовременная библиотека UI-компонентов для Tailwind CSS. Под капотом более 150 компонентов Tailwind с открытым исходным кодом.

https://sailboatui.com/

➡️ @byFrontDeveloper