روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.
فيلم الموسم : أبل ضد أدوبي !
مختارات من تويتر #5
11 أبريل 2010
تطبيقات على CSS3: تعدد الخلفيات
05 أبريل 2010
هذا الدرس ضمن سلسلة تطبيقات عن CSS3، أستعرضت في المرة السابقة طريقة عمل الظلال في CSS3 ، درس اليوم يتحدث عن ميزة تعدد الخلفيات في CSS3 والتي شرحت عنها أيضاً في موضوع مصادر حول تقنية CSS3 الذي كتبته سابقاً، ويمكن مشاهدة تفاصيلها كاملة عبر أحد صفحات منظمة W3C كذلك.
ميزة تعدد الخلفيات في CSS3 إختصرت الكثير من تنسيقات CSS التي كانت تحتاج إلى أكثر من عنصر من وسم div لعمل أكثر من خلفية في عنصر واحد لعل أشهر مثال هو مثال الحواف الدائرية لكنها موجودة في CSS3 ولا تحتاج الآن إلى وجود الصور كخلفية ولكن هناك عناصر قد تحتاج إلى أكثر من صورة موجودة في الخلفية، كما أن تعدد الخلفيات في CSS3 يتم على خاصية background نفسها، هذه الميزة مدعومة في محرك Mozilla/Gecho و محرك Webkit إضافةً إلى متصفح Opera.
إنشاء إضافة لمكتبة jQuery (الجزء الثاني)
03 أبريل 2010
في الدرس السابق شرحت ما يحتاجه المطور في عمل إضافة خاصة لمكتبة jQuery ، كان الدرس مجرد عرض طريقة كتابة الشفرة إضافةً إلى الدوال التي يمكن أن تحتاجها، في الجزء الثاني سأشرح بطريقة عملية عن إنشاء إضافة لمكتبة jQuery وذلك يسهل في فهم طريقة عمل الإضافة بشكل أفضل.
المثال سيكون عن إضافة لعمل تأثيرات على فتح قوائم منزلقة بشكل عمودي (وهو أحد الدروس التي شرحتها سابقاً حول عمل قائمة منزلقة بإستخدام jQuery)، بدلاً من تحديد العناصر بشكل مباشر على الشفرة تكون العناصر محددة بإستخدام الدالة التي أنشأتها عن طريق الإضافة كأنها احد دوال jQuery. يمكنك رؤية مثال على قوائم منزلقة أنشأتها في احد الدروس السابقة.
تطبيقات على CSS3: الظلال
03 أبريل 2010
هذا الدرس ضمن سلسلة تطبيقات عن CSS3، أستعرضت في المرة السابقة طريقة تحريك العناصر في CSS3 ، درس اليوم يتحدث عن ميزة أخرى وهي ميزة الظلال في CSS3 والتي شرحت عنها أيضاً في موضوع مصادر حول تقنية CSS3 الذي كتبته سابقاً.
ميزة الظلال في CSS3 توفر للخطوط والعناصر HTML الأخرى وجود ظل محدد بلون معين إضافةً إلى وجود درجة تشتيت وأبعاد محددة وهي تكون عبر خاصية text-shadow خاصة بوجود الظلال في النصوص وخاصية box-shadow خاصة بوجود الظلال في العناصر HTML عموماً مثل أشكال الصناديق، ما زال دعم خصائص هذه الميزة محدود على المتصفحات التي تعمل على محرك webkit مثل متصفح Safari وChrome، متصفح Firefox إضافةً دعم متصفح Opera لميزة الظلال.
متفرقات حول المدونة #6
31 مارس 2010
هذه التدوينة ضمن المتفرقات التي تتحدث عن المدونة والتحديثات التي إضيفت إليها وللتواصل مع القراء بما مر على المدونة خلال فترة معينة بين مواضيع المتفرقات التي أكتبها في المدونة.
هذا الشهر أعتبره الأفضل بالنسبة لمدونتي حتى الآن ومر اكثر من سنتين عليها، وخلال شهر مارس وصل عدد المتابعين للمدونة عن طريق RSS إلى 572 قاريء، إضافةً إلى أكثر من 160 موضوع تمت كتابته حتى الآن وعدد مواضيع شهر مارس هي 15 موضوع وهو الأعلى مقارنة بالأشهر التي مضت على المدونة.
أعلم أن هذه الإحصائيات صغيرة ولكنها تشجعني على تقديم المزيد والشكر موصول إلى المتابعين والمهتمين بما يكتب في المدونة.
إنشاء إضافة لمكتبة jQuery (الجزء الأول)
31 مارس 2010
هناك العديد من إضافات jQuery تقدم حلول تختصر على مطور الويب عند قيامه بتطوير واجهة المستخدم لتطبيق ويب، وتوفّر الإضافات المميزة يزيد من إختصار العمل في أسطر قليلة من الشفرات، وتوفر مكتبة jQuery إمكانية عمل الإضافات بكل سهولة وهذا يمنح المطورين فرصة لتقديم عمل مبني على مكتبة رائعة مثل jQuery يمكن أن ستفيد منه مطورين ومصممين آخرين لكي يجدوا ضالتهم.
هذا الدرس سأشرح فيه عن كيفية إنشاء إضافة خاصة لمكتبة jQuery، ومقسم على جزئين سيكون الأول عن نمط كتابة الإضافة بشكل بسيط وسيكون الجزء الثاني عبارة عن مثال عملي لإنشاء إضافة jQuery بسهولة، ما يميز إضافات jQuery أنه يمكن تطبيق عدة أفكار فيمكن إنشاء محددات Selectors إضافية لتطبيق عمل محدد أو إنشاء خاصية Property لنفس الغرض أو لتطبيق أفكار أخرى.
تطبيقات على CSS3: تحريك العناصر
27 مارس 2010
هذا الدرس ضمن سلسلة تطبيقات عن CSS3، أستعرضت في المرة السابقة طريقة عمل تعدد الأعمدة في CSS3 ، درس اليوم يتحدث عن ميزة تحريك العناصر في CSS3 والتي شرحت عنها أيضاً في موضوع مصادر حول تقنية CSS3 الذي كتبته سابقاً ويمكن مشاهدة تفاصيلها كاملة عبر أحد صفحات منظمة W3C كذلك.
ميزة التحريك في CSS3 تتيح إمكانية إعطاء خصائص CSS الأخرى فترة ظهور سواء كانت بطيئة أو سريعة وتحدد بالثواني، إضافةً إلى مدة لتأخير التحريك والظهور، ما زال دعم خصائص هذه الميزة محدود على المتصفحات التي تعمل على محرك webkit مثل متصفح Safari وChrome، متصفح Firefox يدعم خاصية transform فقط.
تطبيقات على CSS3: تعدد الأعمدة
26 مارس 2010
هذا الدرس ضمن سلسلة تطبيقات على CSS3، أستعرضت في المرة السابقة طريقة عمل الحواف الدائرية بواسطة خاصية border-radius والتي شرحت عنها أيضاً في موضوع مصادر حول تقنية CSS3 الذي كتبته سابقاً، ودرس اليوم يتحدث عن ميزة تعدد الأعمدة في CSS3 وتسمى أيضاً Multi-column ويمكن مشاهدة تفاصيلها كاملة عبر أحد صفحات منظمة W3C.
الأعمدة المتعددة تظهر عبر تقسيم فقرة طويلة واحدة أو عدة فقرات على عدة أعمدة بشكل مرتب كما نراها عند قراءة الصحف والمجلات، وتطبيق اليوم سيكون عن عدة خواص مثل خاصية column-count و column-gap وغيره، والتي تستخدم في عمل تعدد الاعمدة للفقرات لتظهر بشكل مرتب ومتناسق، غالباً ما يتم عملها على ذيل الصفحة لتنسيق معلومات قد لاتكون مهمة ولكن يتم ترتيبها وتنسيق على هذا النمط.
تطبيقات على CSS3: الحواف الدائرية
25 مارس 2010
هذا الدرس ضمن سلسلة جديدة من دروس بسيطة عن CSS3 ومميزاتها الجديدة وهي سلسلة تطبيقات على CSS3، أستعرضها لكم بشرح خصائص CSS3 ومع أمثلة عليها، يمكنك معرفة المزيد عن CSS3 عبر موضوع مصادر حول تقنية CSS3 الذي كتبته سابقاً، ستكون هذه الدروس سهلة مع تطبيق الأمثلة المرفقة لها. هذا الدرس سيكون عن ميزة الحواف الدائرية في CSS3 ويمكن مشاهدة تفاصيلها كاملة عبر أحد صفحات منظمة W3C كذلك.
الحواف الدائرية التي يتم عملها على زوايا الشكل أو الصندوق، وتطبيق اليوم سيكون عن خاصية border-radius، والتي تستخدم في عمل الحواف الدائرية لبعض عناصر الصفحة لتظهر بشكل أجمل.
مختارات من تويتر #4
20 مارس 2010
روابط إخترتها لكم من التغريدات التي نشرتها عبر حسابي في تويتر إما مباشرة مني أو عبر إعادة تغريدة أحد الذين أتابعهم.
Mobile Web Design
موضوع حول تصميم مواقع الويب للهاتف النقال، ويشرح أهم عناصر الصفحة التي تعرض خلال تصفح الموقع من الهاتف.
5 أفكار تشجعك على القراءة
20 مارس 2010
القراءة وسيلة ضرورية ومهمة في حياة أي إنسان يريد التعلم في أي مجال من مجالات الحياة. ولكن هل صادف أحد معوقات تجاه هذه الوسيلة المهمة؟ مثل تراكم عدد المقالات أو الكتب التي يريد قرائتها والملل السريع وغيره من المعوقات؟
سأخصص هذه التدوينة لعرض بعض الأفكار حول ممارسة القراءة أكثر والإستفادة منها والتي إستفدت منها في تجاوز بعض معوقات القراءة ومهما كانت هذه الأفكار مفيدة عند البعض أو العكس فيجب أن يبدأ أي شخص من نفسه أولاً. قرأت سابقاً موضوع حول القراءة من المدون عبدالله المهيري وكانت مفيدة جداً.
تطبيقات على CSS3
20 مارس 2010
نجد الكثير من المواقع تطبق مميزات CSS3 في الوقت الحالي على تصاميمها حتى المواقع المشهورة والكبيرة تجد تصاميمها تستخدم خصائص CSS3. بالرغم من الدعم المحدود من بعض متصفحات الويب لها (مدعومة لمتصفح Firefox 3+ و Safari 3 و Google Crome في الوقت الحالي) إلا أن أولوية إستخدامها موجودة على الأقل كلمسات أخيره على التصميم.
ومن قبل مصممي المواقع العرب أيضاً نجد الكثير بدأ بإعتماد CSS3 على التصاميم منذ فترة، وقد يؤشر كل هذا إلى قرب إعتماد دعمه من قبل المتصفحات في الفترة القادمة مثل تدعيم الإصدار التاسع القادم من متصفح الإكسبلورر لخصائص CSS3. ستكون هذه التدوينة بداية سلسلة من الدروس البسيطة والخفيفة عن CSS3 سأقدمها لكم بجانب المواضيع التي أكتبها في المدونة.
