10 ديسمبر 2009

تسريع تحميل الصفحة باستخدام data URI

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

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

تعلم برمجة إضافات وردبريس [الجزء الثاني]

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

7 وسائل للتغلب على مشكلة شفافية PNG على IE6

عندما قرأت رسالة أخي عبدالعزيز الزرعوني بعنوان ”فلنهجر متصفح Internet Explorer 6“، والتي وزرعها عبر البريد الإلكتروني، وكتبها الأخ أحمد الكثيري. انتابني مزيج من الشعور بخيبة الأمل، وعدم الاستغراب. فلازالت نسبة ليست بالمستهانة من المتصفحين العرب يستخدمون الإنترنت اكسبلورر ٦. وقد يكون لأسباب كثيرة لا أود التطرق إليها في هذا المقال. وعدم الاستغراب لأن نسبة كبيرة من مستخدمي الإنترنت بشكل عام لايفرقون بين المتصفح ومحرك البحث.

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

سنتعلم في هذا المقال ٧ وسائل للتغلب على مشكلة شفافية الصور بصيغة PNG على متصفح الإنترنت إكسبلورر ٦. حيث سنرى بتفصيل إيجابيات وسلبيات كل وسيلة بعد وضعها في الاختبار، ونترك لك حرية اختيار التقنية المناسبة.

كيفية استخدام reCAPTCHA في التطبيقات لمحاربة السخام

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

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

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

أفضل 10 خدمات لتلوين ومشاركة الشيفرات على الويب

هل أردت مشاركة شيفرة أو جزء منها مع أشخاص آخرين؟ أو ربما واجهتك مشكلة في جزئية معينة في الشيفرة وأردت طلب المساعدة من الغير، ولكن لم تعرف كيف تعرضها عليهم؟

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

6 نوفمبر 2009

مفضلتنا الدورية #2 من ‎@almashroo

في هذه السلسة من المقالات الدورية، سنقوم بعرض أفضل ما نقوم بتدوينه ومشاركته على حساب المشروع على تويتر twitter.

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

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

لكي لا يفوتكم شيء مما نعرضه في المستقبل، ببساطة تابعونا على @almashroo.

3 نوفمبر 2009

التحميل الكسول في جافاسكربت

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

التحميل الكسول يستخدم في عدة لغات، ولكن في هذا المقال، سنرى كيف يمكننا استخدامه في لغة جافاسكربت على عدد من المكتبات المشهورة YUI ،jQuery ،MooTools، وكيف يمكنه أن يفيدنا.