فحص عمل موقع بجميع المتصفحات

كمصمم ويب محترف، يجب عليك أن تتأكد من أن موقع يعمل بشكل صحيح في جميع المتصفحات، أو على الأقل في أشهرها وأكثرها انتشاراً.

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

أكمل قراءة الموضوع

قصة موقع هواتف

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

حسناً، كفاني تقديماً، ولأتكلم عن ماضي المشروع قليلاً، وأشارككم قصته.

كان يا ما كان…

أكمل قراءة الموضوع

قوالب وورد بريس: إظهار الصفحات الفرعية بداخل نص الصفحة

الصفحات الفرعية والصفحات الرئيسة

ربما يكون عنوان الموضوع غير واضح،
لكني حاولت تبسيطه بأكبر قدر ممكن ;)

لذلك..
الفكرة العامة من الموضوع هي رغبتي بمشاركة جزء من قوالب قمت بتصميمها، أو بالتعديل عليها، غالباً ما تكون هذه الأجزاء من “إنتاج خاص”، ويعني أنه تم تأليفها وكتابت أكوادها لغرض يخدم وظيفة غير معتادة، لكنها مألوفة، وغالباً لن تجد هذه الأجزاء في الإنترنت بسهولة.

أكمل قراءة الموضوع

وورد بريس 2.9 متوفر الآن!

الآن، بإمكانك الحصول على آخر نسخة من وورد بريس (2.9) من الموقع الرسمي لـ WordPress

  • للحصول على النسخة الإنجليزية (Download)
  • للحصول على النسخة المعرّبة (تحميل)

أهم المزايا في هذه النسخة

  • إضافة خاصية التراجع عن الحذف، أو ما يسمى بسلة المحذوفات.  فلو قمت بحذف أي عنصر محتوى عن طريق الخطأ، فبإمكانك التراجع عن تلك الخطوة الآن.
  • تحرير الصور بعد رفعها، عن طريق إستخدام خاصية الوسائط الموجودة مسبقاً.  بإمكانك قص، تدوير، قلب، تحجيم الصور دون مغادرة صفحة نشر المواضيع أو الصفحات.  خاصية التحرير هذه ما هي إلا بداية الطريق لإضافة خصائص أكثر للتعامل مع ملفات الوسائط.
  • الترقية الجماعية للإضافات، فمع هذه الخاصية سيكون بإمكانك تحديث العديد من الإضافات بضغطة زر واحدة، هذا وتم تضمين بيانات حول توافقية الإضافات مع الإصدار الذي تستخدمه من وورد بريس.
  • تضمين فيديو بأسهل طريقة، الآن في هذا الإصدار، سيتم تضمين مقاطع الفيديو بمجرد لصق رابطه في محتوى الموضوع
    المواقع المدعومة:
    YouTube, Daily Motion, Blip.tv, Flickr, Hulu, Viddler, Qik, Revision3, Scribd, Google Video, Photobucket, PollDaddy, WordPress.tv
  • ترقية المحرر الخاص بوورد بريس (TineMCE) و Simplepie
  • يوجد العديد من التحديثات الداخلية، ولمراجعتها قم بزيارة التدوينة الرسمية لوورد بريس: Release Info

حلول لتوافقية التصاميم في المتصفحات

كمصمم ويب، غالباً ما تواجه مشاكل في توافقية التصميم على عدة متصفحات، وهذا يعني بأن تصميمك يظهر بشكل مختلف وغير ملائم من متصفح لآخر.

السبب في ذلك، هو ليس فقط في إختلاف المتصفح، المشكلة تكمن في إختلاف ما يسمى بـ “محرّك المظهر”، وفي الحقيقة المشكلة تكمن تحديداً في المحرّكات التي لا تتبع المعايير القياسية لإظهار العناصر بالشكل المفترض لها.

ماذا يعمل المحرّك؟

المحرّك هو المكوّن الأساسي والأهم في جميع المتصفحات. حيث مسؤوليته تتمركز حول تحويل تنسيقاتك من سطور HTML و CSS و JavaScript إلى مربعات وجداول وخطوط وألوان ورسومات وتحرّكات.. إلخ.

جودة محرّكات المظهر

أحد أهم الإختبارات التي تقوم بتقييم المتصفحات على أساس دعمها للمعايير القياسية، هو Acid3
حيث يقوم بإجراء فحص مكثف لكيفية عمل محرّك المتصفح، وفي النهاية يكون هناك تقييم حسب جودته، أو بمعنى آخر، مدى توافقيته مع المعايير القياسية لإظهار عناصر صفحات الويب من قبل منظمة W3.

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

وحتى تأتي تلك اللحظة، دعونا نطّلع على نتائج المتصفحات في إختبار Acid3:

  • آبل سفاري (يستخدم محرّك webkit): ١٠٠٪
  • جوجل كروم (يستخدم محرّك webkit): ١٠٠٪
  • أوبرا (يستخدم محرّك Presto): ١٠٠٪
  • فايرفوكس (يستخدم محرّك Gecko): ٩٦٪
  • إنترنت إكسبلورر ٨ (يستخدم محرّك Trident): ٢٠٪
  • إنترنت إكسبلورر ٧ (يستخدم محرّك Trident): ١٤٪
  • إنترنت إكسبلورر ٦ (يستخدم محرّك Trident): ١٢٪

ملاحظة: ذكرت عدة الإصدارات من إنترنت إكسبلورر لأن الإصلاحات في التصميم ستكون لكل إصدار منفصل، هاك مختلف.

وحتى تقوم بحل هذه المشكلة، إن كنت ترغب في ذلك :)

يجب عليك إستخدام ما يسمى بـ “الهاكات” أو “التلفيقات” كما أسميها.

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

إذا، كيف تصمم موقعك بنفس الشكل في جميع المتصفحات؟

حتى تصل إلى هذه النتيجة، يجب عليك إتباع الخطوتين التاليتين:

  1. تصميم الموقع بالشكل المرغوب بإستخدام المتصفح الذي يروق لك.
  2. تضمين الهاكات التي تقوم بإصلاح التصميم ليصبح متوافق في جميع المتصفحات.

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

الهاكات:

/* IE 6 and below  */
 
* html {}
 
/* IE 7 and below */
 
*:first-child+html {} * html {}
 
/* IE 7 only */
 
*:first-child+html {}
 
/* IE 7 and modern browsers only */
 
 html>body {}
 
/* Modern browsers only (not IE 7) */
 
 html>/**/body {}
 
/* Recent Opera versions 9 and below */
 
html:first-child {}

الفكرة بسيطة جداً، فقط قم بكتابة أسم الـ Selector (الـ Class أو الـ ID أو حتى الـ Html Tag) قبل الأقواس المنحنية، تماماً كما تستخدم الـ CSS العادي.

مثال:

* html span {color: red}

بإستخدام الطريقة السابقة، سيصبح لون أي نص داخل الوسم span لونه أحمر، فقط في IE6 أو إنترنت إكسبلورر ٦

أتمنى لك ترقيعاً سعيداً

قريباً

soon

حالياً، أعمل على  مشروع مفيد للجميع “إن شاء الله”.

سأقوم بإطلاق النسخة الأولية “Private Alpha” قريباً.

تم الإنتهاء من النسخة الأولية من موقع هواتف، http://www.hwaatef.com

بإمكانك قراءة قصة الموقع من هنا (قصة موقع هواتف)

شكراً طلال :D

للبشر فقط!

district9poster

الحي ٩ – District 9

مرادفات مترجمة لإسم الفيلم (المنطقة ٩، المقاطعة ٩، الولاية ٩)

ما هو؟

فيلم الفضائيين الوحيد، اللي حرك مشاعري وخلاني أكتب تدوينة.

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

الفيلم حاز على تقييم ٨.٤ من ١٠ ناتجة من أصوات ٩٥,١٤٣ مشاهد.. مثلي..

وش سالفة الفيلم؟

قصة الفيلم تحوم حول مجموعة كبيرة من الكائنات الفضائية جات كوكب الأرض مجبورة “لسبب ما”.  المجموعة لم تقابل أي ترحيب من سكّان الأرض… همجياً. لكن.. هناك شخص واحد فقط من البشر، يمتلك روح العطف ناحية الفضائيين، والتي تتطور أحداث الفيلم حوله ووجوده مع الفضائيين.

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

كيف تشوف الفيلم؟

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

تحذير: الفيلم يحتوي على بعض المشاهد الغير ملائمة لصغار السن (تحوم الجبد)..

restricted

Rated R for bloody violence and pervasive language.

لن تندم..

في نظري، الفيلم، ليس عن الفضاء.. الفيلم عن البشر… وللبشر فقط!

رابط الفيلم في قاعدة بيانات الإنترنت للأفلام:

http://www.imdb.com/title/tt1136608/