cssbit 2.0

سأكتب هنا نظرتي ل web developer وهذه الأمور تمثل حالتي الشخصية ونظرتي لهذه المهنة ان صح التعبير ..

حيث أن web developer يتميز بعدة أمور منها:

• شخص محب للأنترنت ويعشق كلمة أنترنت الى أبعد الحدود
• مقدار استخدامه للأنترنت كبير جدا لدرجة أنه يصبح أمرا عاديا مثل الطعام والشراب
• يتابع جديد الويب والتطوير يوما بيوم
• يتصفح معارض css gallery 1 2 ويتأمل التصاميم الجميلة لهذه المواقع
• يجد متعة كبيرة في تأمل الالوان وطريقة ترتيب وتوزريع المحتويات في هذه المواقع
• لا يتوانى عن سرقة إيقونة مميزة وجميلة من هذا المواقع، ليس لاستعمالها وإنما فقط لأنه أحب هذه الإيقونة خصوصا إذا كانت الإيقونات مجانية وغير محفوظة لصاحب الموقع
• يشعر بسعادة عارمة عندما يتصفح مجلدات icons التي يمتلكها في جهازه طبعا ليست اي إيقونات وانما إيقونات مميزة مثل الموجودة في هذا الموضوع
• يستعمل خدمات معينة أثناء العمل على مشاريع web مثل basecamp لأدارة المشاريع و tadalist
• يقرأ ويشتري كتب تطوير من شركة sitepoint أو oreilly ..الخ وإذا لم يشرتها يتصفحها ويتأمل صور الكتب
• يتابع مدونات مميزة جدا سأذكرها في موضوع منفصل
• يفكر ويتصرف كالمبرمجين والمطورين
• يملك محفظة لا تفارق ظهره (تحتوي على أغراض شخصية: كتاب، قنينة ماء، ..الخ)
• توفره على laptop أمر محمود ومطلوب بقوة
• يعشق المنتجات الجديدة ك iphone و ipod touch
• يتابع أخبار التقنية او ما يسمى بمواقع gadgets وهي كثيرة
• شخص متواضع
• يؤمن أن التعلم عملية مستمرة كل يوم وكل ساعة
• لا يبخل بالمعلومات على أحد، ويساعد الغير
• لديه تفكير مفتوح المصدر open source، يؤمن بأن المعرفة يجب ان تتوفر بالمجان للجميع
• يساهم في الخدمات الاجتماعية: digg ..الخ
• يملك حساب في بعض الخدمات الشهيرة مثل: digg, facebook, twitter, flickr ..الخ ليس بالضرورة أن يستعمل هذه الخدمات باستمرار
• يحب شركة جوجل حب حقيقي ويتابع أخبارها بشغف
• يستعمل firefox كمتصفح أساسي، بالنسبة لمحبي apple يمكن استعمال safari أو firefox مع كل الفروقات التي بينهما
• يستخدم بعض addons في firefox مثل: colorzilla, google gears, web developer, .. الخ
• يحب تطوير عمله باستمرار
• يفكر بعقلية الزبون الذي هو صاحب المشروع وبعقلية مستعملي الخدمة
• امتلاكه لعبض المهارات : مثل السرعة في العمل واستخدام لوحة المفاتيح
• تعلم لغة أجنبية إضافية كالفرنسية أو الاسبانية أمر مفيد أليس كذلك ؟
• أثناء برمجة لوحة تحكم المشروع يجب ان تكون مميزة وغنية بالتفاصيل مثل اي منتوج عالمي ك Drupal ..
• يجب ان ينسى المواقع العربية التقليدية ويمحوها من ذاكرته ويتعلم من مواقع css gallery

نأتي الان إلى الأشياء الأكثر أهمية:

• إتقان css بشكل موسع وتعلم أي تقنية جديدة أو حركة أو حيلة في css
• معرفة الفروقات بين المتصفحات: opera, IE6, firefox
• تعلم كتابة أسطر قليلة وغير مكررة لهذه المتصفحات أي: fix
• تجربة جميع الصحفات واحدة تلو الأخرى باداة مثل html validator مع firefox
• اختيار class جميلة الشكل وواضحة مثل: main, sidebar, screen, topnav, container ..
• كتابة أكواد xhtml بطريقة صحيحة
• ترتيب وتنسيق الاكواد كأنها لوحة فنية بحيث من يستعرض الصفحة source يجد جمالية وليس أكواد مبعثرة هنا وهناك بحيث يغلق المتصفح مباشرة من هذا المنظر الكريه
• وجود comment مهم جدا أثناء كتابة اكواد xhtml على الاقل لمساعدة الاخرين على فهم ما تكتب والاستفادة من طريقتك في العمل
• اختيار اسم مناسب للايقونات والصور مثل images أو image
• تنقيح ملفات css وحذف الشوائب
• استعمال tags بدل استعمال div بكثرة: مثل fieldset و ul و p ..الخ
• أيضا استعمال وسوم xhtml كلما سنحت الفرصة’ مثل h1, h6, strong, code, q, ..الخ ستكون أكواد أكثر احترافية بدل استعمال div class بشكل كثيف وغير مرغوب ..
• التخطيط للمشروع في أوراق منفصلة قبل نقلها الى المحرر
• تقديم الدعم الفني الامحدود لصاحب المشروع واذا كان هناك مقابل مادي يرضي الطرفين فلا بأس
• كتابة ملف مثل docs أو manual (كما في الصورة)

• أثناء كتابة أوامر xhtml و css أحيانا تحتاج لكتابة سطر بسيط مثل border: none يمكن كتابته مباشرة في صفحة xhtml دون تحديد class خاص به، على سبيل التغيير كما في المثال:

#top {
 font-size: 1em;
 margin: 0 5px;
...
}

بدل هذه الاسطر يمكن كتابة الأوامر في سطر واحد

<div style="font-size: 1em;margin: 0 5px"></div>

• تنظيم ملجلدات العمل واختيار اسماء واضحة ذات معنى مثال: dashboard, themes, includes, upload ..الخ بعض الأحيان أقضي ساعات لاختيار اسم جميل ومناسب لملجلدات المشروع رغم أن هذا قد لا يعني شيئا للزبون أو مستخدم الموقع
• من العيب وهذه وجهة نظري ان تنسخ أكواد كتبت من قبل من طرفك وتضعها في مشروعك الجديد، البعض سيختلف معي في هذه النقطة لكنها وجهة نظر فقط، كل زبون يجب ان يحصل على عمل مميز وجديد مختلف عن أعمالك السابقة لكي يكون كسبك حلال ..
• هذا يختلف عن قضية تسويق تطبيق لأكثر من جهة، أنا أتحدث عن المشاريع المنفصلة والتي لا تشبه بعضها البعض ..
• الإبداع المتواصل في العمل ..
• التفكير في المشروع كأنه سيعرض على لجنة من خبراء الويب والتقنية .. هذا يدفعك لإتقان عملك
• الابتعاد عن التفكير المادي أثناء العمل كمطور ويب لكن لا يمنع ان تحصل على حقوقك وإلاكيف ستسدد مصاريفك وديونك

• يمكنك النجاح كمطور ويب حتى وان كنت لا تستخدم photoshop أثناء عملك .. ستحتاج لبعض التصاميم البسيطة مثل background ..الخ يمكن الحصول عليها من بعض المواقع الأجنبية التي توفرها مجانا ..

سأتحدث في موضوع web developer بشكل مفصل وخطوة خطوة في مواضيع جديدة ..
ما أجمل ان تكون web developer وتعمل freelancer دون تقيد بأفكار شركة أو دوام ممل من الصباح الى المساء

إذا كان لديك اشتراك أنترنت في هاتفك الجوال فهذا الموقع مفيد جدا لك، فهو يحتوي على إضافات وبرامج لأشهر الخدمات مثل:

• youtube
• flickr
• wikipedia
• twitter
• technorati
• digg
• …الخ

بالإضافة الى برامج لأحوال الطقس ومذكرة و قائمة to do وبرامج أخرى ..
انها مثل widgets المتوفرة لجهاز iphone لكن هذا الموقع موجه لمستعلمي أجهزة nokia والشركات الأخرى المعروفة ..

أعتقد أن أول خطوة حتى لا تضيع الوقت في تصفح الموقع هي معرفة هل جهازك متوافق مع widgets التي يوفرها الموقع، وذلك بكتابة اسم الموديل في الصفحة التالية:
compatible phones

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

ولتدرك شهرة الموقع وفائدته، فإن مستعلمي  إضافة wikipedia في هذا الموقع يبلغ 5 ملايين مستعمل وأحوال الطقس 3 ملايين أما لعبة مثل sudoku فيبلغ مستخدميها 3.1 مليون شخص .. (لم أضع الأرقام الحقيقية لأنها أكثر من ذلك ..)

رابط الموقع: widsets

• User Interface Design Patterns
• تنظيم الوقت والمهام وأشياء أخرى ..
• مدونة مصممة ومطورة ويب من أستراليا
• officedesigngallery موقع يعرض مكاتب وأماكن العمل
• خلاصات لأشهر كتب النجاح والإدارة
• laptop من toshiba ب 775 يورو فقط
• كيف تطور موقع مثل youtube شرح لمكتبات ffmpeg
• موقع روسي يعرض تصاميم وإيقونات وملفات للمصممين
• filezed موقع عبارة عن دليل للامتدادات extensions
• خطوط مجانية

بعض التاثيرات المفيدة التي اصبحت تظهر في الاونة الأخيرة والتي لا يكاد موقع web 2.0 يخلو منها، أغلبها يعتمد على المكتبات الحديثة ك jquery و mootools .. الخ

lightbox
مواقع عبارة عن دليل لهذه المكتبات والتأثيرات:

ajaxdaddy

miniajax

ajaxrain

enjoy

لدي مجلد في bookmarks اسمه jobs يحتوي على بعض المواقع التي تعرض وظائف full time و freelancer ومعظمها ينشر إعلانات يومية عن web developer: css, xhtml, php ..

الجميع يطلب مطور يجيد css والتقنيات الأخرى، بعض الإعلانات المنشورة تشعرك أن صاحبها مطلع وخبير بمجال الويب، مثل أن  يذكر تفاصيل دقيقة لا يعرفها سوى المطورين المهتمين جدا بعملهم مثل طلب لأحد الاشخاص حيث ذكر أنه: “يجب أن تعرف الفرق بين متصفحي firefox و internet explorer عند كتابة ملفات css ..” أو عبارات مثل:

• Report to Project Manager
• Knowledge of web browsers and their limitations
• .. etc

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

هذه بعض المواقع:

• freshwebjobs
• authenticjobs
• freelanceswitch
• akhtaboot موقع عربي من الأردن

هذه الملخصات مفيدة جدا وبنظرة سريعة يمكن للمطور تذكر دالة أو tag معين .. ربما هي غير مفيدة لمن هو مبتدئ ولا يزال في أول الطريق، لأن بعض Cheat Sheets الموجودة في هذا الموقع موجهة لمن لديه خلفية كاملة حول لغة ما .. ك PHP أو Ruby مثلا

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

رابط الموقع

بدأت منذ الان بالتخطيط لشراء laptop مع نهاية السنة الحالية، كان حلما قديما لكن لم أعمل بجدية لتحقيقه ..

من حين لآخر أتجول في مواقع مثل newegg و ldlc وأطلع على أحدث المنتجات كأجهزة laptop و camera ..الخ وأجري filter لنتائج البحث تارة بالسعر وتارة بحجم الشاشة (15، 17 بوصة ..) وكأنني أقوم بعملية شراء حقيقية

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

جهاز laptop سيكون من 4 شركات، حيث أنني قضيت الكثير من الوقت في الدراسة والمقارنة والبحث في المدونات والمنتديات الأجنبية .. وتوصلت إلى أن أفضل الشركات التي يقبل الناس عليها هي: toshiba, dell, sony vaio ..

مع بداية السنة الجديدة ومع مؤتمر macworld 2008 ظهر macbook air فأضفت هذا الجهاز إلى القائمة، لأنه بالإضافة الى المميزات الغير متوفرة في المجموعة الأولى مثل النحافة الشديدة وعمر البطارية الأعلى حتى الان (5 ساعات) .. فهو يأتي بنظام Mac OS X Leopard كما أنني أستطيع تنصيب أنظمة أخرى على القرص الصلب، وستكون تجربة جديدة أن أعمل على mac و windows بنسختيه xp و vista

سعر الجهاز مرتفع نوعا ما، إذ يبدأ ب 1799 دولار إذا تمت عملية الشراء من موقع apple في حين شرائه من متجر محلي سيكلف أكثر من 2000 دولار، ويبقى حجم الشاشة (13.3) مشكلة بالنسبة لي ..

ما جعلني في الحقيقة، افكر في شراء macbook air أو حتى macbook هو أنني رأيت فتاة أمريكية في مقتبل العمر، تعمل على laptop من apple في أحد المطارات الخليجية، وكاد الفضول أن يدفعني للتحدث معها وسؤالها ماذا تفعل .. لولا خوفي أن يكون ذلك سلوك غير حضاري في الثقافة الأمريكية ..

دليل manual على هيئة chm لكل من css, html و php

توفر كتب ومراجع على الأنترنت لا يمنع من اقتناء كتب ورقية لأنها تظل الأفضل بين صفوف المبرمجين، كما يظهر في هذه الصورة:

• css download
• html download
• php download

توفر ملف بهذه الصغية مفيد في تعلم بعض الأوامر أثناء السفر أو في حالة عد توفر خط أنترنت

عند تنصيب متصفح جديد على نظام التشغيل، يقع نوع من التعارض في المتصفح الذي سيكون الافتراضي default، وقد تختفي إيقونات ملفات html أو ما يعرف ب HTML icon missing بحيث تصبح unknow .. هنا شرح للمشكلة

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

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

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

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

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

• ملف torrent الخاص بالفيديو
• هنا القائمة كاملة حول أفضل الشركات في العالم