فاطمة العمودي 🌻 | UI/UX Designer
فاطمة العمودي 🌻 | UI/UX Designer

@AlamoudiBy

12 Tweets 5 reads Mar 25, 2022
لغة CSS من اللغات الأساسية لتنسيق الويب
فكيف يمدينا نتعلمها ونمارسها من خلال الألعاب 👾
ثريد 🧵
قبل ما نبدأ الثريد. أنا فاطمة العمودي ✨. خريجة علوم حاسب. أنشر محتوى عن تجربة المستخدم وبناء تطبيقات الويب.كل أسبوع أعمل فعالية عن تصميم واجهات.
🔹1- Flexbox Zombies:
في هذه اللعبة لازم تتعلم أساسيات flexbox عشان تنجو من هجوم الزومبي.
mastery.games
🔹2-Flexbox Froggy:
هذه اللعبة أيضا عن flexbox ولازم تستخدم أساسياته لوضع الضفدع في المكان المناسب. لها ٢٤ مستوى.
flexboxfroggy.com
🔹3- Grid Garden:
هنا لازم نستخدم أساسيات grid للأعتناء بالحديقة وإثبات الجزر. لها ٢٨ مستوى.
cssgridgarden.com
🔹4- CSS Diner:
هنا اللعبة تعلمك أساسيات CSS مثل class selector لها ٢٦ مستوى.
flukeout.github.io
🔹5- CSS Battle:
الموقع يوفر لكم أشكال مختلقة والمطلوب منك تحويلها إلى أكواد HTML, CSS وله خاصية جميلة ان يمديك تشوف بدقة كيف شكل كودك مقارنة بالرسمة الفعلية.
cssbattle.dev
🔹6- Roadmap:
اللعبة تركز على تعليم أساسيات CSS مثل clip-path, animation, transform.
victordarras.fr
🔹7- Flexbox Adventure:
اللعبة لها ٢٤ مرحلة ولازم تستخدم خصائص Flexbox لمساعدة الملك من أخوانه الشريرين.
codingfantasy.com
🔹8- knight of the Flexbox table:
اللعبة تعلمك CSS Flexbox و Tailwind CSS والهدف هو الكشف عن الكنوز المخفية. لها ١٨ مستوى.
knightsoftheflexboxtable.com
🔹9- CSS Speedrun:
اللعبة تمرنك على إستخدام selectors ولها وقت محدد. لها ١٠ مستويات.
css-speedrun.netlify.app
في نهاية الثريد لا تنسون المشاركة لإفادة الغير وشكراً💜

Loading suggestions...