الدليل الشامل لاختصارات Figma⏳.

لتتعلم أكثر عن التصميم والبرمجة 👇🚀

⛓️‍💥 انستجرام : hkmDesigner

⛓️‍💥 تويتر : hkmDesigner

⛓️‍💥 قناة واتساب : hkmDesign

ترقبوا تحديث قادم على تحدي المصممين 🔥🤯

🌟 متحمس لإعلان بعض التحديثات الجديدة على تحدي المصممين👇🏻 .

www.hakam.dev/quiz

🚀 التحديثات الجديدة:

نموذج المستخدم: لقد أضفت نموذجًا للمستخدمين الجدد للتسجيل في خطوة واحدة سهلة!

نظام إعادة المحاولة: للذين يرغبون في تحسين نتائجهم، قمت بإضافة خيار جديد يتيح للمستخدمين الحاليين إعادة المحاولة.

قائمة بأفضل النتائج : بعد انتهاء التحدي، ستحصلون على درجاتكم بالاختبار وسيتم اضافتكم في قائمة ترتيب المشاركين .

واجهة مستخدم محسّنة: قمت بتحسين واجهة المستخدم لتكون أكثر سهولة .

📅 كيفية المشاركة؟

للمشاركة في التحدي كل ما عليكم فعله هو التسجيل عبر النموذج الجديد وبدء التحدي!

✨ بالتوفيق ✨

من واجهته مشكلة يراسلني كرمًا على @Ui_arabicBot
بالتوفيق 🌹

ما شاء الله من أمس مصممين أجابوا على ال٢٠ سؤال بشكل صحيح 🔥👏🏻

أشتغل على نسخة ثانية من التحدي ؟
نعم ♥️
نريد فكرة أخرى 🔥

لو عندك أفكار أخرى شاركها معي
@Ui_arabicBot

عن ال Tailwind و Bootstrap

أعتقد أن الأمر لم يصل حد المنافسة بين الاثنين وكلاهما تقنيات مساعدة ليس إلا ويمكن الإستغناء عنها ولكن هنالك العديد ممن يخلط بينهما ويفضل واحدة على الأخرى !.

سأتكلم في هذا البوست عن الفرق بين الإثنين ومعاناتي ورفضي وعدم توصيتي بالـ Tailwind كتقنية يجب العمل عليها أو الإنتقال لها .

لنتحدث قليلا عن الفروقات بينهما

الفرق بين tailwind و Bootstrap كبير فكل منهما يقوم بعمل شيء منفصل كليًا عن الآخر !

Bootstrap :

- هو فريمورك لتطوير واجهات المستخدم .

- يحتوي على Grid system يساعد المطوري في بناء واجهات متجاوبة.

- يحتوي على العديد من العناصر المنسقة والجاهزة للاستخدام بالاضافة إلى مكتبة جافا سكربت ضخمة .

Tailwind :
- يسمى هذا النوع من التقنيات بـ utility-first

- من خصائصها أنها تقوم بإستدعاء المطلوب فقط وليس كامل المكتبة

- تقوم على مبدأ كتابة ال CSS على شكل Classes في الHTML

بعد أن ذكرت أهم النقاط الأساسية في كلتا الـ Frameworks تجد أنه لا يوجد أي شبه بينهما ومع ذلك يتم المقارنة والخلط بينهما على أساس التفضيل !.

لكن سبب رفضي للعمل أو التوصية بأداة مثل Tailwind أنها لا تقوم على المنطق حتى في شعارهم الرسمي

"قم ببناء مواقع عصرية بسرعة دون أن تغادر ملف ال HTML !"

هذا ليس منطق أبدًا وما هكذا تبنى المواقع وما هكذا يكون التخصيص لم يتم عمل كلاسات الـ HTML لكي نقوم بكتابة تعليمات ال CSS فيها هذا سخيف صراحة !

حتى أنني منذ فترة أعمل مع إحدى المنصات التي انتقلت بشكل جذري إلى Tailwind قمت بمراجعة الكود الخاص بهم، للأسف عشرات الكلاسات داخل العنصر الواحد ولا يوجد حتى كلاس واحد فريد يدل على العنصر نفسه !

خلاصة القول هذا البوست هو تعريفي بإطاري العمل والفروقات بينهم وعدم المقارنة والخلط بين الاثنين والمنطق وراء كل منهما .

نصيحتي استخدم ما يناسبك وينفعك في العمل ولا تنجر إلى كل ترند !

«رَبَّنَا اغْفِرْ لَنَا وَلِإخْوَانِنَا الَّذِينَ سَبَقُونَا بِالإيمَانِ وَلَا تَجْعَلْ فِي قُلُوبِنَا غِلًّا لِلَّذِينَ آمَنُوا رَبَّنَا إنَّكَ رَءُوفٌ رَحِيمٌ».

{إِنَّ ٱللَّهَ وَمَلَٰئِكَتَهُۥ يُصَلُّونَ عَلَى ٱلنَّبِىِّ  يَٰأَيُّهَا ٱلَّذِينَ ءَامَنُواْ صَلُّواْ عَلَيْهِ وَسَلِّمُواْ تَسْلِيمًا}

لا تنسوا مناسككم وكهفكم

#للمطورين

مثل هذا التأثير سهل برأيك ؟

نعم ♥️
لا 👍🏻


لتتعلم أكثر عن التصميم والبرمجة 👇🚀

⛓️‍💥 انستجرام : hkmDesigner

⛓️‍💥 تويتر : hkmDesigner

⛓️‍💥 قناة واتساب : hkmDesign