الوصفة السحرية لحجم خطوط الصفحة باستخدام الCSS

لتتحكم في حجم خطوط صفحتك هناك أربع طرق-أذكرها إجمالا ثم أفصل-:

  1. باستخدام البيكسل
  2. بالنسبة المئوية
  3. بالتناسب
  4. بالكلمات(keywords)

والآن مع التفاصيل:

1- بالبيكسل:

body
{
font-size:  14px;
}

2- بالنسبة المئوية:

body
{
font-size:  14px;
}
h1
{
font-size150%;
}

لاحظ حجم ...

المزيد..

 

ضعف اختبارات ACID والمتصفحات القياسية لدعم RTL

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

المزيد..

 

معايير تطوير المواقع (web standards)، ماهي؟ ولماذا؟

كمطور مواقع لابد أنك سمعت عن معايير تطوير المواقع (Web standards). ياترى ماذا تكون؟ ولماذا يجب أن نهتم بتطبيقها؟

Web Standards تعني معايير شبكة المعلومات، والتي يندرج تحتها الكثير من المعايير مثل معايير البقية »

 

الجداول في HTML - الحزء الثاني

في المقالة الماضية حول الجداول تحدثت عن:

  • العنصر caption والذي يستخدم لوضع ملخص لمحتويات الجدول يظهر في منتصف أعلى الجدول.
  • العنصر th والذي يستخدم لتحديد رأس الجدول.
  • ثم الخاصية summary التي تستخدم في وضع ملخص للجدول وهي مهمة لزيادة قابلية الوصول.
  • وأخيراً العناصر thead ...

    المزيد..

 

الصور في HTML (لابد من alt)

أعجبني موضوع [الجداول في HTML]، فوددت انتهاج نفس الطريقة في التحدث عن الصور.
سأتحدث في بضعة مقالات عن بعض الملاحظات بخصوص إدراج الصور في لغة HTML، ثم عن بعض الخواص التي لا يعرفها البعض بخصوص الصور في لغة HTML.

أساسيات إدراج صورة باختصار

لإدراج صورة في الصفحة، نستخدم ...

المزيد..

 

الجداول في HTML

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

المزيد..

 

صفحاتنا و المعايير القياسية

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

المزيد..

 

اختر زبائنك

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

المزيد..

 

الخطوات العملية لمشروع تصميم موقع

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

أولاً: فكرة الموقع

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

المزيد..

 

[css] التحكم بتنسيق أجزاء معينة من النص

كما ذكرت في مقالي الأخير، فسأكتب عن بعض أوامر وخصائص الـcss التي لم يتم شرحها غالباً، أو لم أرها تطبق وتستخدم في المواقع والبرمجيات العربية، لا أعلم هل هو بسبب عدم علمهم بها أو عدم الاهتمام، رغم أني أرى لها أهمية، وسنبدأ اليوم مع خصائص في التحكم بالنص تسهّل وتختصر عليك.

قبل قراءة هذا المقال، إن كنت ...

المزيد..

 

تقنية سيفر sIFR حلت المشكلة..جزئياً

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

المزيد..

 
[ يمكنك متابعة مقالات هذا القسم عن طريق RSS ]