مدونة مبدع خلاصات تطوير الويب والتصميم

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

• الذين لم ييأسوا.
• 24ways يعود مرة أخرى لكتابة مقالاته الخاصة في شهر ديسمبر.
• أفضل 33 مصادر دروس فوتوشوب.
• أنماط الخلفية الهندسية.
• 5 طرق للحصول على إختبار قابلية الإستخدام.
• دليل لمعارض مواقع CSS.
• 19 درس فوتوشوب لتصميم بطاقة أعمال.
• The Ultimate List of The Best Logo Design Resources
• 50 Beautiful And Creative Portfolio Designs
• Don’t Follow Trends: Set Them!
• Useful guidelines to improve CSS coding and maintainability
• 36Cool Custom Error 404 Pages
• Avatars in Blog Comment Design
• 20Great PHP frameworks for developers
• 30+Eye-Opening Web Development Screencasts

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

أيهما أصح تقوم بإنشاء صفحة الويب بإستخدام xhtml بشكل يدوي مع إستخدام الأوسمة والعناصر أم بإستخدام البرامج أو المحررات التي تعتمد على واجهة WYSIWYG (ما تراه هو ما تحصل عليه – What You See Is What You Get ) ؟ الأساس والعملي بإعتقادي هو الجواب الأول ، ما هي الأسباب التي تجعلك تبدأ بالتصميم بواسطة شفرة xhtml؟

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

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

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

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

• مثال على الدرس.
• تحميل المصدر.

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

هذه مجرد تدوينة شخصية سريعة سأعرض من خلالها الأدوات التي أستخدمها بشكل عام أثناء عملي في الجهاز وتصفحي على الشبكة (لمن يهتم بهذه الأمور):

• متصفح الويب المفضل: فايرفوكس
• لغات وتقنيات أستخدمها أو أتقنها: XHTML , CSS , PHP , MySQL , Javascript , Ajax
• نظام تشغيل: Windows XP SP2
• برامج تصميم: Adobe Studio ( Photoshop , Illustrator , Bridge , ..)
• محرر المفضل: NotePad , phpDesigner 2008 ، Dreamweaver 8
• خادم شخصي لأعمال تطوير المواقع: XAMPP 1.6
• رفع الملفات إلى الموقع: إضافة FireFTP في الفايرفوكس.
• أفضل مدونات تقنية أتابعها: Smashing Magazine – Web Designer Wall - Just Creative Design
• متصفح خلاصات: Google Reader
• مشاركة الملفات: uTorrent ، و isohunt.com لتحميل الملفات.
• تصفح المواد الصوتية أو المرئية:VCL media player

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

• مثال على الدرس.
• تحميل المصدر.

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

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

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

Adobe Bridge أحد منتجات شركة Adobe يقوم بتصفح كافة ملفات في الجهاز ولكن يمتاز عن غيره بأشياء أخرى وخاصة إنه مخصص لمحبي التصوير ومصممي الجرافك في عرض ملفاتهم المتعلقة بالتصميم بإمتدادات مختلفة مثل AI ، EPS ، PSD ، .. ، البرنامج ليس بالمجان ويأتي مع حزمة Adobe Creative Suite أيضاً مع مرفق مع برنامج اليستريتر وبعض البرامج الأخرى التابعة لهذه الحزمة.

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

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

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

لمتابعة بقية المقالة ، روابط أخرى من المفضلة:

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

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

حلقات الفيديو الموجودة في القناة عبارة عن دورات متنوعة حول خدمات منتجات جوجل (Google Maps , Google’s APIs , Android , ..وغير ذلك ) وأيضاً مواضيع يتحدث عنها مطورين ومهندسين يعملون ويشرفون على منتجات تقدمها جوجل ، وتجارب تعليمية حول البرمجة والكتابة ، الندوات والمؤتمرات التي يقيمونها وكذلك حلقات القناة تتحدث عن مواضيع تجدها ضمن أجندة أحداث Google Developer Day ويوجد قناة أخرى أيضاً لهذا الحدث.

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

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

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

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

عندما تفكر بتصميم موقع ويب بإستخدام تقنية xhtml و css ، كيف تكون مراحل عملية تصميم هذا الموقع؟ هذا الموضوع يتحدث حول مراحل عملية تصميم موقع يغلب فيها الجانب النظري على العملي ، هناك موضوع عملي لكيفية تصميم صفحة ويب بـ XHTML و CSS وأيضاً أوجه الدرس للمبدئين خصوصاً ، كما أن لكل مطور ويب أسلوبه الخاص في تصميم أي موقع فالمهم إنجاز التصميم مع معرفة نواقصه وعرضه والإستفادة من الأخطاء والإنتقادات ، سنبدأ بذكر هذه الخطوات ..

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

آخر ما قمت به مؤخراً:

• الإستغناء عن جهازي المكتبي مؤقتاً إلى أن أقوم بتبديل مزود الطاقة أو Power Supply وتعديلات أخرى فيه.
• إشتريت جهاز محمول من نوع Sony Vaio CR520 ومواصفات مناسبة جداً.
• سأبدأ بإستعادة نشاطي في المدونة وكتابة ما أعددت له سابقاً.
• إبتعدت عن الجهاز وشبكة الإنترنت لمدة 20 يوم أو أكثر ، فقط كنت أتصفح بعض المواقع بينما أعمالي توقفت مؤقتاً بسبب الجهاز الذي إستغنيت عنه ولا أتمنى الرجوع إليه مستقبلاً! إلا لجعله حقل تجارب ..

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

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

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

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

تصاميم

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