3 إضافات لمطور الويب

Friday 21 March 2008
  1. Duplicate detector إضافة جميلة لتحديد الروابط المكررة في firefox bookmarks ..
  2. del.icio.us buttons إيقونة جميلة لإضافة الروابط والوصول الى حسابك في delicious .. يمكنك تغيير مكان الإيقونة والتحكم فيها ..
  3. OPML Support لتصدير واستيراد الروابط على هيئة opml .. يمكن الاستفادة من هذه الإضافة في تصدير المفضلة الى google reader .. الروابط التي تدعم rss فقط ..

صورة من بعض الإضافات التي أستخدمها:

my-addons

XHTML Challenge

Monday 17 March 2008

فكرة الموقع جديدة تماما، حيث يتم اختيار أفضل المواقع بناء على code وطريقة كتابة الأكواد في الصفحة وتوافقها مع اختبارات w3c ما أمكن .. الموقع لا يعتمد على التصميم في اختيار المواقع الفائزة ..

xhtml

أسفل كل موقعين متنافسين يوجد نتائج الاختبارات: XHTML 1.0 Strict و CSS 2.1 حيث الموقع الذي لا يحتوي على أي خطأ هو من يفوز .. مهمة التصويت يتكفل بها زوار الموقع ..

أعجبني تصميم الموقع وطريقة برمجته .. والأكثر من ذلك هذه الفكرة الجديدة والجميلة ..

xhtml

رابط الموقع: xhtmlchallenge.com

أفضل مواقع Productivity

Monday 17 March 2008

عشرات من المواقع والمدونات الأجنبية، تنشر يوميا مقالات عن التنظيم، الانتاجية في العمل والحيا ة.. اخترت بعضها في هذه القائمة، يمكن متابعتها بخدمة google reader ..

clean

  • lifehack.org مقالات يومية عن ادارة الوقت، تنظيم الملفات ومكتب العمل، الانتاجية .. أكثر من 64 ألف قارئ لهذه المدونة عبر الخلاصات RSS ..
  • 43folders.com مدونة جميلة لخبير في الادارة والتنظيم وباقي الأشياء .. تصميم المدونة مميز جدا
  • zenhabits.net هذا الكاتب الذي نشر كتابا منذ مدة ووضعته في أحد المواقع .. من أفضل الكتاب الذين أقرأ لهم يشكل مستمر .. طبعت أكثر من 140 ورقة من هذه المدونة، عبارة عن مقالات في التنظيم، الانتاجية .. القضاء على الفوضى ..
  • lifeclever.com مدونة مميزة تعرض افكار حول جوانب الحياة المختلفة ..
  • lifehacker.com حياة الهاكر، مليئة بالتنظيم والانتاج والافكار .. مدونة تستحق المتابعة
  • unclutterer.com مقالات لتنظيم المكتب والمنزل ..

بشكل عام، هذه المدونات متخصصة في مهارات العمل والانتاج وتدبير الوقت والمال .. أي work productivity, time management, organization, tools and tips وهي تنشر مقالات مفيدة للغاية وتستحق المتابعة ..

روابط (11)

Saturday 15 March 2008

تقنيات في css الجزء (2)

Saturday 15 March 2008

في بعض الأحيان تريد تخصيص أكثر من class لجزء ما من كود xhtml .. أو تخصص class واحد وتضيف له بعض الخصائص مباشرة باستعمال style، مثال:

<div class="main" style="margin: 0 auto">
<!-- some things here .. -->
</div>

في حالة كنت ستضيف مميزات مباشرة بوسم style وكنت ستستعمل هذه المميزات في أماكن أخرى .. فيمكنك إنشاء class جديد وإضافته في هذه الأماكن .. وللتوضيح أكثر فسيصبح المثال الأول كالتالي:

<div class="main most">
<!-- some things here .. -->
</div>

أما الكلاس most سيكون في ملف css

.most {
	margin: 0 auto;
   /* and more .. */
}

وبالتالي يمكن الجمع بين عدة كلاسات:

<div class="main nav most">
 <!-- some things here .. -->
</div>

حيث أن كل من main و nav و most عبارة عن كلاسات في ملف css ..

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