لعل أحد أهم النصائح لتحسين سرعة تحميل صفحات الويب هي التقليل من معدل طلبات HTTP للخادم، في الواقع، هذه النصيحة هي أول نصائح ياهوو لأفضل الممارسات لتسريع المواقع. كلما قلت الطلبات على خادم الموقع، كلما ساعد في تحسين سرعة الموقع.
تخيل أن كل طلب جديد لأي ملف خارجي، مثلاً صورة، أو ملف CSS، أو ملف جافاسكربت، يؤدي إلى إنشاء مورد اتصال من قبل المتصفح، مما يؤدي إلى زيادة وقت التحميل للصفحة بسبب عملية الاتصال الجديدة مع الخادم لطلب هذا الملف.
الوسوم: Base64 ، data-uri ، ترميز ، تسريع الصفحات ، نقل البيانات
بعدما تعلمنا في الجزء الأول كيفية صناعة إضافة بسيطة للوردبريس، سنتعلم اليوم صناعة إضافة أكثر إحترافية، حيث سنتعامل في هذا الدرس مع قواعد البيانات ونستخدم بعض الدوال الجاهزة من وردبريس وكذلك صناعة مُربع جانبي Widget للإضافة، وأيضاً جعلها مُتعددة اللغات.
الوسوم: WordPress ، إضافات ، تدويل ، ترجمة
عندما قرأت رسالة أخي عبدالعزيز الزرعوني بعنوان ”فلنهجر متصفح Internet Explorer 6“، والتي وزرعها عبر البريد الإلكتروني، وكتبها الأخ أحمد الكثيري. انتابني مزيج من الشعور بخيبة الأمل، وعدم الاستغراب. فلازالت نسبة ليست بالمستهانة من المتصفحين العرب يستخدمون الإنترنت اكسبلورر ٦. وقد يكون لأسباب كثيرة لا أود التطرق إليها في هذا المقال. وعدم الاستغراب لأن نسبة كبيرة من مستخدمي الإنترنت بشكل عام لايفرقون بين المتصفح ومحرك البحث.
ربما يعلم بعضكم أن المشروع توقف عن دعم الإنترنت اكسبلورر ٦ مع طرحنا للشكل الجديد، ولكن لا زالت إحصاءاتنا تشير إلى أن نسبة مهولة من زوارنا يستخدمونه. وهذا دفعني إلى طرح هذا المقال.
سنتعلم في هذا المقال ٧ وسائل للتغلب على مشكلة شفافية الصور بصيغة PNG على متصفح الإنترنت إكسبلورر ٦. حيث سنرى بتفصيل إيجابيات وسلبيات كل وسيلة بعد وضعها في الاختبار، ونترك لك حرية اختيار التقنية المناسبة.
الوسوم: IE6 ، PNG ، شفافية الصور ، مشاكل المتصفحات ، مقارنة
كلنا قد مر علينا أسلوب أو أكثر من أساليب الكابتشا CAPTCHA عند إبحارنا على الشبكة. فعند التسجيل في المواقع أو طرح التعليقات، تأتينا بعض صور الكلمات أو الأحرف المقطعة والملونة. وبعض الأحيان، يتم استخدام أساليب أخرى، كعرض بعض الصور واختيار أنسب صورة للسؤال المطروح. كل هذا يتم للتحقق ما إذا كان المستخدم بشراً وليس آلةً.
رﻱكابتشا أتت بمفهوم جديد، ونقلت الكابتشا نقلة نوعية. فمع حفاظها على السبب الرئيس وهو التفريق بين البشر والآلة، ومن ثم الحماية من السخام. فهي تقوم بعرض كلمات إنجليزية مفهومة، وليس بعض الأحرف والأرقام العشوائية. والسبب وراء ذلك هو محاولة الشركة رقمنة الكتب التي كتبت قبل اختراع الحاسوب. وتحوليها إلى كتب إلكترونية يسهل أرشفتها والبحث فيها، عبر المدخلات التي يكتبها المستخدمون بصورة كابتشا.
سأقوم في هذا المقال بشرح طريقة تطبيق رﻱكابتشا باستخدام 3 طرق مختلفة. أولاً باستخدام PHP، وبعدها بتطبيق شكل مخصص ليتلائم أكثر مع شكل الموقع المراد إدراج الخدمة فيه، وأخيراً باستخدام تقنية أجاكس AJAX.
الوسوم: AJAX ، JavaScript ، PHP ، reCAPTCHA ، سخام ، كابتشا
هل أردت مشاركة شيفرة أو جزء منها مع أشخاص آخرين؟ أو ربما واجهتك مشكلة في جزئية معينة في الشيفرة وأردت طلب المساعدة من الغير، ولكن لم تعرف كيف تعرضها عليهم؟
في هذه المقالة، جمعنا لكم أفضل الخدمات الموجودة على الشبكة لتلوين، ومشاركة الشيفرات مع الغير.
الوسوم: تطبيقات ويب ، تلوين الشيفرات ، خدمات ، مشاركة
في هذه السلسة من المقالات الدورية، سنقوم بعرض أفضل ما نقوم بتدوينه ومشاركته على حساب المشروع على تويتر twitter.
كما يعلم الجميع، فإن تويتر هي إداة للتدوين المصغر، ولا نستخدم الحساب فقط لعرض جديدنا وأخبارنا فحسب، وإنما نقوم أيضاً بتزويد ومشاركة من يتابعونا عليه ببعض الروابط والموارد التي نراها مثيرة وتهم مطوري ومصممي الويب بشكل يومي.
أفضل طريقة للحفاظ على متابعة هذه الموارد، هي متابعتنا عن طريق حسابنا على تويتر، وإن كان قد فاتكم شيء، ففي هذا المقال سنقوم بعرض أفضل ما عرضناه في الفترة القليلة السابقة.
لكي لا يفوتكم شيء مما نعرضه في المستقبل، ببساطة تابعونا على @almashroo.
الوسوم: twitter ، أفضل المقالات ، المشروع ، دوري ، مفضلة twitter
تعبير التحميل الكسول أو Lazy Loading في العادة يستعمل في لغات البرمجة، ويطلق عند تأخير تحميل كائن أو عنصر ما لحين حاجته. أي معناه، أننا لا نحمل أي كائنات أو عناصر حتى ولو كان يستخدمها البرنامج في وقت لاحق، إلى حين حاجتنا أو استدعائنا لها في ذلك الوقت، وعندها يتم تسخير كل الموارد المطلوبة للتحميل والاستدعاء.
التحميل الكسول يستخدم في عدة لغات، ولكن في هذا المقال، سنرى كيف يمكننا استخدامه في لغة جافاسكربت على عدد من المكتبات المشهورة YUI ،jQuery ،MooTools، وكيف يمكنه أن يفيدنا.
الوسوم: JavaScript ، LazyLoad ، التحميل الكسول ، مقارنة