مدونة مبدع

• مدونة حول تصاميم الدراجات الهوائية.
• مقالات ومصادر حول CSS.
• درس رائع للمبتدئين في PHP من مدونة CSS Tricks.
• DesignTop10 ، تحتوي على أفضل الروابط الشهرية في التصميم ، المواضيع المكتوبة عبارة عن قوائم ولكن منسقة بشكل جميل ورائع.
• UXBooth ، تتحدث حول تجربة المستخدم ومراجع حول قابلية الإستخدام.
• userfly ، خدمة رائعة تقدم دراسات فورية لقابلية الإستخدام.
• 30Excellent Resources for Graphic Design Freebies
• 45+Free Design Template And PSD Files

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

• تحميل الأمثلة
• لمشاهدة الأمثلة موجودة أسفل الصفحة

.. أكمل قراءة بقية الموضوع »

هذا الدرس تابع لآخر درسين كتبتهم حول النماذج في XHTML وسأكمله عبر هذا الدرس كما هو واضح من العنوان كيفية تنسيق نموذج XHTML ، بالنسبة للنماذج كما نعلم فإن تقسيم الحقول إلى مجموعات يتم عبر الوسم fieldset ، يمكنك إستخدامه مرة واحدة متضمناً عدة حقول وأيضاً متضمناً مجموعة آخرى لحقول آخرى ، هناك أكثر من طريقة تستطيع تنسيق النموذج كما يحلو لك وبدون إستخدام الأوسمة fieldset ، legend ، label  .. هذا إذا أردت عمل شيء بسيط وسريع ولكن فضلنا إستخدام كتابة النماذج بطريقتها الأساسية كما بيّنت في الدروس الماضية حول النماذج ، نسقها مثل ما تريد سأوضح فقط بعض الطرق المستخدمة إضافةً لنمطين قمت بتصميمهم كمثال.

.. أكمل قراءة بقية الموضوع »

مرت قرابة ثلاث سنوات على حجب موقع Flickr وموقع DeviantArt الشهير الذي يحتوي على معارض لتصاميم وصور ورسومات رائعة وإحترافية ينضم لقائمة المواقع المحجوبة ، لا أدري ما السبب هذا الحجب ولكن بكل تأكيد لا يختلف عن سبب حجب الموقع الأول! (أقصد Flick) ، مهما كانت الأسباب فشركة الإتصالات أدرى بمصلحة مستخدميها! لا أدري أرى أي إستغلال سلبي لموقع DeviantArt لمفارنةً لموقع Flickr الذي يستغله “البعض” أحياناً لإظهار صور شخصية هدفها المعاكسات وشيء من هذا القبيل للأسف! ولكن هذا ليس عذراً لحجب الموقع وليست طريقة لحل هذه المشكلة عموماً.

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

ملاحظة: تم إلغاء الحجب عن الموقع ، عاد الموقع كما كان.

• صحفي بريطاني: إن لم أغضب لأجل غزة فمتى أغضب؟!
• موقع غيوم
• CssGuy
• 10 نصائح في قابلية الإستخدام لمصممي المواقع
• AETUTS ، موقع رائع خاص بدروس Adobe After Effects
• Structured process you must know to develop a web application
• Free online services to bring more value to your blog
• 60Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources

مجموعة روابط مفضلة لآخر يوم من هذه السنة:

• البذخ التقني .. من عالم التقنية.
• 25 مقالة تصميم رائعة لـ 2008.
• أفضل روابط التصميم لشهر ديسمبر.
• مجموعة لأفضل روابط مدونة Just Creative Design لعام 2008.
• Webdesigner Depot ، يضم مصادر عديدة من دروس وملفات وغيرها متعلقة بالتصميم.
• موقع لمصمم جرافك يحتوي على معرض رائع لأعماله.
• Photoshop Tutorial: Designing a Creative Blog Footer
• Battle of the Best Beta Releases of 2008

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

• سولاف ، موقع جديد مختص بعالم التصميم.
• المنطق البرمجي – طريقك لاحتراف البرمجة.
• 25 درس فوتوشوب لمصممي مواقع الويب.
• مصادر ومقالات حول فن الجرافيتي Graffiti.
• الخطوط والويب ، Fonts and the Web.
• iDoTutorials ، مدونة تحتوي على دروس رائعة حول التصميم.
• How to get clients to say yes to your designs.
• 2008Most Popular Design posts, Tutorials and Resources.
• مجموعة كاريكاتيرات منتخبة من مختلف دول العالم حول حادثة حذاء منتظر الزيدي.

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

.. أكمل قراءة بقية الموضوع »

هل مررت بموقف مثل هذا في أي محل في مركز تسوق أو في أي مكان؟ يقوم الموجودين في بعض المحلات التقليدية بمجرد أن تدخل المحل وتسأل عن بضاعة معينة يجاوب عليك بكل سهولة “موجوود!” ، وخاصة أنه يحاول إقناعك بأن ما لديه لن تجده في أي مكان آخر! وإذا سألت عن الأسعار فيجاوب عليك حسب نوعية الأفضلية والجنسية! وكأنه يفترض ميزانية الزبون من شكله أو مظهره!

.. أكمل قراءة بقية الموضوع »

مجموعة لبعض الروابط المتنوعة والمفضلة التي جمعتها لهذا اليوم:

• كتاب سنوات التدوين – 2004
• أفكار ونصائح لأصحاب الكتب الإلكترونية.
• لماذا تبني أمريكا “شبكات مسلمة معتدلة” علمانية؟ من إسلام أونلاين.
• أفضل تصاميم CSS لعام 2008
• 10 حيل وهاكات مفيدة للوردبريس.
• مصادر عديدة حول الإبداع والإلهام وما يدور حولها.
• +40 درس للعمل مع لوحات Wacom ، مفيدة للمصممين ولمن يريدون الكتابة بواسطة القلم الضوئي لغرض الرسم أو التخطيط أو أي شيء آخر.
• أفضل الدروس لشهر نوفمبر من مدونة NETTUTS.
• 10 تقنيات لتحسين تصاميم واجهة الإستخدام.
• How to: Make a Hand-Drawn Font ، درس مفيد أيضاً للمصممين ولمن يريد عمل خطوط حرة لإستخدامها في التصاميم والأغراض المختلفة.
• Typographic Madness: 30 Brilliant Piece of Work
• Mastering Your WordPress 2.7 Theme & Admin Area: Tips and Tricks.
• Most Popular Free Windows Downloads of 2008.
• 10Steps to Learn a New Coding Language Fast
• The Ultimate Web Developer’s Christmas Wish List.

موضوعنا اليوم يتحدث عن النماذج(Forms) في XHTML ، النماذج لها إستخدامات كثيرة في الصفحات مثل نموذج مراسلة ، نموذج تسجيل أو تسجيل دخول ، .. إلخ .. سنتحدث عن كيفية كتابتها في XHTML وخاصة الأوسمة المتعلقة بها التي تستطيع عمل عناصر عن طريقها.

عند عمل نموذج في XHTML يكون ذلك في البداية عن طريق الوسم form والذي سيحتوي على بقية محتويات النموذج هناك طرق أسهل لعمل النماذج ولكن سنخصص هذا الموضوع بالتفصيل قليلاً سنشرح الخصائص المتعلقة بكل وسم نريده وأشكال لنماذج وكيفية عملها بإستخدام CSS ( سيأتي لاحقاً).
.. أكمل قراءة بقية الموضوع »

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