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

روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.

إنشاء كتاب إلكتروني مجاني من مجموعة مقالات على موسوعة ويكيبيديا

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

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

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

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

روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.

موقع Long Tweets

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

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

إختيار خط خاص بالصفحة المنسقة موجودة من قبل ولكن مفعلة أكثر في CSS3. هذه الميزة لحل إشكاليات تناسب الخط من طرف المصمم وصاحب الموقع والأهم تناسب مستخدم الموقع. يمكن إختيار خطوط أخرى مناسبة للمصمم ومستخدم الموقع التي لاتوجد في جهاز المستخدم والذي تعود على الخطوط المعروفة مثل خط Arial و Tahoma وsans-serif وغيرها موجودة في جهازه أساساً. هذه الميزة مدعومة في محرك Webkit ومحرك Mozilla/Gecho ومحرك Presto.

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

• مثال على الدرس
• تحميل المرفقات

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

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

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

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

روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.

30 شعار احترافي

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

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

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

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

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

• تحميل

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

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

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

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

روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.

بركان آيسلندا بعيون مصمم

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

روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.

فيلم الموسم : أبل ضد أدوبي !

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

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

ميزة تعدد الخلفيات في CSS3 إختصرت الكثير من تنسيقات CSS التي كانت تحتاج إلى أكثر من عنصر من وسم div لعمل أكثر من خلفية في عنصر واحد لعل أشهر مثال هو مثال الحواف الدائرية لكنها موجودة في CSS3 ولا تحتاج الآن إلى وجود الصور كخلفية ولكن هناك عناصر قد تحتاج إلى أكثر من صورة موجودة في الخلفية، كما أن تعدد الخلفيات في CSS3 يتم على خاصية background نفسها، هذه الميزة مدعومة في محرك Mozilla/Gecho و محرك Webkit إضافةً إلى متصفح Opera.

• مثال على الدرس
• تحميل المرفقات

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

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

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

• مثال على الدرس
• تحميل المرفقات

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

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

ميزة الظلال في CSS3 توفر للخطوط والعناصر HTML الأخرى وجود ظل محدد بلون معين إضافةً إلى وجود درجة تشتيت وأبعاد محددة وهي تكون عبر خاصية text-shadow خاصة بوجود الظلال في النصوص وخاصية box-shadow خاصة بوجود الظلال في العناصر HTML عموماً مثل أشكال الصناديق، ما زال دعم خصائص هذه الميزة محدود على المتصفحات التي تعمل على محرك webkit مثل متصفح Safari وChrome، متصفح Firefox إضافةً دعم متصفح Opera لميزة الظلال.

• مثال على الدرس
• تحميل المرفقات

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

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

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

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

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