من واجهته مشكلة يراسلني كرمًا على @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

الفكرة من هذا التأثير بسيطة إذا فهمنا توزيع العناصر في التصميم 😇

أولًا لدينا فيديو في الخلفية والعناصر الأخرى فوقه (العنوان - النصوص - الروابط الخ )

الفكرة من الأنيميشن تتمحور حول فعل التمرير (Scroll action) يتم التحكم في الفيديو من خلال النزول في الصفحة

أول جزء من الفيديو يتم تكراره للحصول على تأثير حركة الأوراق والأزهار ثم عند النزول أكثر في الصفحة يتحرك الفيديو

قمت بكتابة كود مشابه للفكرة ولكن أكثر تفصيل حتى تعطيكم فكرة أشمل عن التأثير 👇🏻
https://codepen.io/hkmDesigner/pen/XRPKRe


هل تعرف تأثيرات ثانية صعبة وبدك نشرح كيف تم تطويرها ؟

أرسلها لي على @Ui_arabicBot

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

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

⛓️‍💥 تويتر : hkmDesigner

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

#للمطورين

من رسائل القناة وسنشرح طريقة التطوير في بوست منفصل لكن ....

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

نعم ♥️
لا 👍🏻


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

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

⛓️‍💥 تويتر : hkmDesigner

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

﴿ إنَّ اللَّهَ وَمَلَائِكَتَهُ يُصَلُّونَ عَلى النَّبِيِّ يَا أَيُّهَاالَّذِينَ آَمَنُوا صَلُّوا عَلَيْهِ وسَلِّمُوا تَسْليمًا ﴾

الإكثار من الصلاة على النبي خاصة يوم الجمعة هي من أفضل القُربات إلى الله تعالى،

صلّوا على سيد الأنبياء والمرسلين مُحمَّد ﷺ وعلى آله وصحبه الغر الميامين

من أحب أن يسأل قبل الإجابة ،
أو يستفسر عن السبب ،
@UI_designBot

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

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

⛓️‍💥 تويتر : hkmDesigner

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

ليس بالضرورة أن المستخدم دائمًا يعرف ما يريد !

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

دعنا نضرب مثالًا واقعيًا على هذا :

عندما أرادت شركة سوني اطلاق جهاز الـ Walkman في بدايته كانت الشركة تريد اتخاذ قرار حول لون الجهاز الجديد فجمعت مجموعة من الزبائن وقامت بطلب رأيهم إن كانوا يفضلون اللون الأصفر أم الأسود وجاءت النتائج بأن معظم الزبائن ترى بأن اللون الأصفر هو الأجمل .

إلى الآن القصة تقليدية وطبيعية ولكن ...

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

بعد التجربة أعطت الشركة لكل من الزبائن المشاركين جهازي سوني أحدها أصفر والآخر أسود مجانًا كشكر له على مشاركته ورأيه ولكن كان عليه اختيار واحد فقط وجاءت الصدمة بأن كل المشاركين اختاروا الجهاز الأسود إلا واحد فقط !

لذلك فإن من المهم أن لا تكتفي فقط برأيي المستخدم بل تقوم أيضًا بمراقبة سلوكه وأن تبحث بشكل معمق في احتياجه حينها ستخرج بتجربة مثالية

‏وللصباح أذكار تأنسُ بها الروح وتطمئن بها النفس | اذكار الصباح حصنكم 🌿.

#تغذية_بصرية #ويب 

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

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

⛓️‍💥 تويتر : hkmDesigner

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

الدليل الشامل للمصممين في نظريات الألوان واختيار المناسب والمتناسق منها 👇

instagram.com/p/C_IyzKxNveR 🔥 

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

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

⛓️‍💥 تويتر : hkmDesigner

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

#فاتحة_اليوم
٢ جُمادي الأولى ١٤٤٦
٤ نوفمبر ٢٠٢٤


كُنَّا عِنْدَ رَسولِ اللهِ صَلَّى اللَّهُ عليه وسلَّمَ، فَقالَ: أَيَعْجِزُ أَحَدُكُمْ أَنْ يَكْسِبَ كُلَّ يَومٍ أَلْفَ حَسَنَةٍ؟ فَسَأَلَهُ سَائِلٌ مِن جُلَسَائِهِ: كيفَ يَكْسِبُ أَحَدُنَا أَلْفَ حَسَنَةٍ؟ قالَ: يُسَبِّحُ مِائَةَ تَسْبِيحَةٍ، فيُكْتَبُ له أَلْفُ حَسَنَةٍ، أَوْ يُحَطُّ عنْه أَلْفُ خَطِيئَةٍ.

الراوي : سعد بن أبي وقاص | المحدث : مسلم | المصدر : صحيح مسلم
الصفحة أو الرقم: 2698 | خلاصة حكم المحدث : [صحيح]

من يكسل عن إرغام نفسه وإلزامها بهذا الذِكر واغتنام هذه الوصية النبوية فهو قطعاً من الخاسرين!