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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نمط MVC المستخدم في أطر العمل المختلفة أو ما يسمى بـ Frameworks له عدة وظائف لخدمة إطار العمل والبرنامج بالكامل وقد طرحت موضوع سابق عنه ، كيف يعمل هذا النمط أو النظام في تقنية الـ PHP ؟ سأعطيك مثال على طريقته في العمل وهو عن طريق إنشاء نظام نشر تدوينات بسيط بإستخدام نمط أو نظام MVC وبدونه أيضاً ، هذا الدرس يبين لك طريقة عمله فقط (أقصد الفكرة الرئيسية وليس درس عملي بالكامل) ولا يشرح طريقة إنشاء برنامج متكامل بنمط أو نظام mvc .

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

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

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

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

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

Framework ، أو إطار العمل وهو عبارة عن تطبيقات متكاملة تساعد مطوري الويب على أداء أعمالهم البرمجية بسرعة وأقل جهد مع توفر الإتقان والإحترافية في العمل ، يعتمد إطار العمل غالباً على نظام MVC إختصار لـ Model View Controller لفصل واجهة الإستخدام عن منطقة العمل ويمكننا شرح Model View Controller بهذه الطريقة على ثلاث طبقات:

• Model: يوضح كيفية عمل البرمجة التي ستطبق في البرنامج أو التطبيق.
• View: يعرض واجهة التطبيق الذي يريده المبرمج.
• Controller: يربط بين Model و View ويقوم بتنفيذ الأوامر ويتعبر المتحكم الرئيسي للنظام.

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

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

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

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

إذا كنت مصمم مواقع أو صاحب موقع وتود معرفة توافق الصفحات التي قمت بتصميمها على عدد من متصفحات الويب فيمكنك ذلك عن طريق موقع Browsershots.

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

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

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

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

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

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

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

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