Фото від Mohammad Rahmani на Unsplash
Нарешті завершив 2-й тиждень навчання CSS! Це зайняло трохи більше часу, ніж я очікував, але зараз я почуваюся досить добре з цього приводу. Ось що я засвоїв:
Що я навчився:
- Основи: Провів час, знайомлячись зі стилізацією, кольорами, шрифтами та макетами (Flexbox і Grid стали моїми найкращими друзями).
- Просунуті теми: Погрався з анімаціями, трансціями та плавними ефектами. Повірте, це зовсім інший світ, коли ви додаєте рух до своїх дизайнів. 🎥✨
- Адаптивний дизайн: Зробив так, щоб мої дизайни працювали на всіх пристроях за допомогою медіа-запитів. Це було викликом, але повністю того варте, коли я побачив, як все складається. 📱💻
Виклики:
Цього тижня було чимало викликів. Flexbox і Grid вимагали часу, щоб налаштувати правильне вирівнювання. Я витратив години, щоб розібратися з трансціями і функціями полегшення (easing), але зрештою все стало плавним.
Медіа-запити були найскладнішими — вони були справжнім болем, поки я не налаштував точки перегину (breakpoints) для різних розмірів екрану. Було багато моментів, коли я питав себе "чому це не працює?", але розв'язання цих проблем зробило все це варте.
Мої нотатки:
Я записував купу порад по CSS у свій блокнот — це як моя особиста шпаргалка. Коли я забуваю, як щось зробити (що трапляється часто), я можу швидко звернутися до нього. Це було рятівним засобом! 📝🚀
Проект блогу:
Я вирішив застосувати все, що я навчився, і створив свій власний персональний сайт. Це був захоплюючий проект, і я багато чого навчився.
Не соромтеся ознайомитися з ним тут: [https://shorturl.at/7kGW2]
Що далі:
Тепер, коли я освоїв CSS, я переходжу до Tailwind CSS! Я з нетерпінням чекаю, щоб спробувати цей фреймворк з орієнтацією на утиліти (utility-first) і подивитися, наскільки швидше я зможу стилізувати все. Подивимось, як це буде! 🚀
*Є поради або ресурси, щоб покращити мої навички CSS?
Діліться ними в коментарях! Я завжди шукаю нові способи покращити свої вміння.👇
Перекладено з: Here’s What I Learned This Week