علامات تبويب باستخدام CSS3

تعتبر علامات التبويب (Tabs) من العناصر الأساسية في واجهات الاستخدام. و قد كان إنشاؤها في صفحات الويب، حتى وقت قريب، يعتمد على وجود JavaScript. لكن أنصار قابلية الوصول (Accessibility) يرفضون الاعتماد على JavaScript مهما كان بسيطاً (ولديهم أسباب مقنعة جداً لذلك)، وقد تمّ إيجاد حلول لهذا، لكن هذه الحلول كانت تتضمن دوماً التغاضي عن طريقة العمل المتعارف عليها لعلامات التبويب (كأن يتم عرض محتوى جميع التبويبات إذا لم تتوفر JavaScript).

لكن الآن أصبح بالإمكان إنشاء علامات تبويب دون أي اعتماد على JavaScript بفضل CSS3.

علامات تبويب باستخدام CSS3

أكمل القراءة

التطوير المتقدم (Progressive Enhancement)

التطوّر الحاصل والمستمر في عالم التصميم للويب أمرّ ليس خفيّاً على أحد، الأفكار والأدوات والتقنيات تنبع يومياً من كل مكان في العالم. ظهر التطوير المتقدم في مرحلة مبكرة من ثورة الويب الحالية، ويعزى إليه الفضل في كثير من التحسينات في مجال تجربة الاستخدام UX.

التطوير المتقدم

أكمل القراءة

توسيط النص شاقولياً

كأي مدونة ناشئة، حاولنا خلال الأشهر القليلة الماضية أن نحافظ على مستوى معين في نشر المحتوى من حيث الكم والنوعية والوتيرة، لكن الصعوبات لتحقيق ذلك ازدادت مؤخراً بين ضغوطات العمل والحياة وما تعيشه سوريا الحبيبة، نسأل الله تعالى أن يمنّ عليها بفرج قريب.

لذا أحببت قبل أن أدخل في موضوع هذا الدرس، أن أبدأ باعتذار لمتابعينا (برغم قلتهم) لهذا الانخفاض في الأداء، ووعد بالعودة للمستوى المعهود وتحسينه في أقرب فرصة، نقدّر دعمكم، وتهمنا آراؤكم ومشاركاتكم.

بالعودة لموضوع الدرس، فالعنوان يشرح نفسه. حيث كان توسيط النص شاقولياً أمراً سهلاً عندما كنا نستخدم جداول HTML لبناء الصفحات، ولكن سنجد بعد قليل بأن الموضوع لا يزال بنفس السهولة تقريباً عند استخدام CSS.

أكمل القراءة

استخدم تويتر بوتستراب لمواقعك العربية

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

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

وبما أني أملك من الكسل ما يمنعني من المرور على حوالي خمسة آلاف سطر CSS لتعديلها بما يناسب اتجاه اللغة العربية، فقد كدت أن أستسلم، لكن بحثاً أخيراً يائساً جاءني بالحل.

استخدم تويتر بوتستراب لمواقعك العربية

أكمل القراءة

إنشاء سكريبت لتمرير الصور باستخدام jQuery

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

إنشاء سكريبت لتمرير الصور باستخدام jQuery

أكمل القراءة

التوابع المعرفة والتوابع الدالة في جافاسكريبت

هنالك الكثير من المبرمجين الآن لا يميزون بين التوابع المعرفة ( Function Declarations) والتوابع الدالة ( Function Expressions) وقمت من فترة ببحث عن هذا الموضوع و هذا ماتوصلت إليه. حاولت تبسيطه، أرجو أن يكون مفيداً لكم.

التوابع المعرفة والتوابع الدالة في جافاسكريبت

أكمل القراءة

التعامل البرمجي مع دولاب الفأرة (Mouse Wheel)

تتوجه المواقع وتطبيقات الويب نحو التشبه بتطبيقات سطح المكتب (Desktop Applications) لما للأخيرة من سهولة في الاستخدام والانتشار. الكثير من المستخدمين يستخدمون دولاب الفأرة هذه الايام للتكبير أو السحب وإلى ما هنالك. نرى هذا التوجه في مواقع مثل خرائط غوغل وإضافات برمجية مثل إيمج فلو.

التعامل البرمجي مع دولاب الفأرة (Mouse Wheel)

المصدر: getwired

احببنا ان نقدم هذه الطريقة البرمجية البسيطة للتعامل معه.

أكمل القراءة

7 عادات قد تنقذك مهنياً

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

بعد أن أصبحت مجبراً على أخذ قسط كبير من الراحة خلال العطلة، قررت أن أسترخي وأستمتع بقدر ما يمكن لمواطن سوري في ظروفنا الحالية أن يستمتع، وعزمت أن أكتب قائمة لبعض العادات التي قد تساعدنا كمصممين ومطورين في تلافي هذا النوع من الظروف غير المرغوبة.

7 عادات قد تنقذك مهنياً

المصدر: Ayla87

أكمل القراءة

مكتبات PHP الأكثر تميزاً خلال 2012

يعتبر موضوع تبني مكتبات جاهزة للتطوير في PHP من الأمور المثيرة للجدل التي تظهر في ساحة النقاش بين الفترة والأخرى. بين مؤيد ومعارض لها، وبين متعصب لمكتبة وكاره لها، يبدو أنه من الصعب أن يتفق مطوران على هذه النقطة.

لكن جميعنا متفقون أنه من غير المفيد إعادة اختراع العجلة عند كل مشروع جديد. لذا، في حال رفضت تبني أي مكتبة جاهزة، عليك على الأقل أن تكوّن مكتبتك الخاصة.

مكتبات PHP الأكثر تميزاً خلال 2012

أكمل القراءة

استخدامات متنوعة لظلال النصوص باستخدام CSS

تستخدم خاصية text-shadow في CSS عادة لإضفاء الظلال على النص وإعطائه بعداً وتميزاً عن باقي محتوى الصفحة، لكن بشيئ من الإبداع والتجربة يمكننا الحصول على العديد من التأثيرات المتميزة التي تناسب استخدامات مختلفة.

استخدامات متنوعة لظلال النصوص باستخدام CSS

أكمل القراءة