Від сучасних підходів до класичних — варто переглянути, точно стане в пригоді.
Рекомендовані статті
Headwind
Headwind - це розширення для VS Code, яке автоматично сортує класи Tailwind у правильному порядку, без ручного редагування. Один запуск, і строка стає акуратною та однаковою у всьому проекті. Особливо корисно, якщо над кодом працюють кілька людей. Link : Headwind
Віктор Свертока·Технології·
10 ігор, які допоможуть вам освоїти CSS 📘
1️⃣ Flexbox Froggy Одна з перших CSS-ігор, з якою знайомляться багато розробників. Весело й ефективно вчить Flexbox. 🔗 https://flexboxfroggy.com/ 2️⃣ Flexbox Defense CSS-гра у форматі tower defense, де потрібно використовувати Flexbox для захисту дороги. 🔗 http://www.flexboxdefense.com/ 3️⃣ Knights of the Flexbox Table Ідеальний варіант для фанатів Tailwind і Flexbox у форматі середньовічної пригоди. 🔗 https://knightsoftheflexboxtable.com/ 4️⃣ Flexbox Adventure Гра, схожа на Flexbox Froggy, але з іншим сюжетом і стилем. 🔗 https://codingfantasy.com/ 5️⃣ Flexbox Zombies Навчання Flexbox із сюжетом, діалогами та чудовою атмосферою. 🔗 https://flexboxzombies.com/ 6️⃣ Grid Garden Один із найкращих способів вивчити CSS Grid — поливайте моркву, використовуючи grid-розмітку. 🔗 https://cssgridgarden.com/ 7️⃣ Grid Attack Гра від тих самих авторів, що й Flexbox Adventure. Використовуйте CSS Grid, щоб зупинити демонів. 🔗 https://codingfantasy.com/games/grid-attack 8️⃣ CSS Diner Весела та дуже популярна гра для вивчення CSS-селекторів. 🔗 https://flukeout.github.io/ 9️⃣ Guess CSS Гра на логіку: потрібно вгадати CSS-селектор за результатом, який ви бачите. 🔗 https://www.guess-css.app/ 🔟 CSS Speedrun Швидкісний челендж із CSS-селекторами для точного таргетингу елементів. 🔗 https://css-speedrun.netlify.app/
Віктор Свертока·Технології·
Haiku
Haiku - це колекція готових хуків та утиліт практично для будь-якого сценарію використання. Link: https://www.reacthaiku.dev/ Repo: https://github.com/DavidHDev/haiku
Віктор Свертока·Інсайти·