مشردون في Twitter

الأربعاء 20 يناير 2010

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

تحديثاتها في Twitter قادتها للعثور على وظيفة في مجلة Elle الشهيرة، حيث اتصلت الشركة وعرضت وظيفة على Bri، قصة الفتاة ألهمت الكثير من المشردين لايجاد التغيير الذي يحلمون به.

في الغرب يمكن أن تكون مشردا وتحصل على وظيفة بفضل Twitter، يمكن لفكرة بسيطة لا تكلف شيئا أن تحقق أرباحا هائلة، مثل خدمة Twitpic التي يجني صاحبها وفي السنة الواحدة أزيد من 1.5 مليون دولار، بل ووصلته عروض شراء فاقت ال 10 ملايين دولار.

هل بالإمكان تحقيق جزء بسيط من هذا النجاح عربيا، كبناء تطبيق ل Twitter باللغة العربية؟ شخصيا أنا مقتنع أنه لا يمكن.

تسعير الخدمات: تجربة Freelance

الأحد 10 يناير 2010

معضلة الأسعار

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

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

إن القيت نظرة على السوق الأسيوية، ستجد مبرمجين من الهند على استعداد للعمل ب 50 و 60 دولار للمشروع (وأحيانا أقل)، وبحكم تجارب طيبة وأخرى سيئة في الويب العربي، يمكنني أن ألخص الوضع في العبارة التالية: العميل العربي غير ملم بجديد التقنية، وفي الغالب لا يفهم معنى أن العمل ب CSS وأنه Table less، وأكثر ما يهمه هو استلام موقعه في أقرب وقت، مع الرغبة في الحصول على أرخص سعر لمشروعه، فمن سيصدق أن كتابة صفحة ب CSS قد تكلف 100 دولار.

فلسفتي في برمجة المشاريع لا تصلح لهذه النوعية من الأعمال، أحتاج إلى تمويل مادي وأشهر من العمل لأبرمج تطبيقا حقيقيا، تطبيق أعمل عليه عند استيقاظي من النوم كل صباح، أطوره باستمرار، أغير وأضيف له، وأفضل مثال يمكن أن أسوقه هنا هو تطبيق Dropbox، فمن تتبع الموقع منذ البداية، سيرى أن الشكل تغير كثيرا، وهناك أمور تم حذفها بالكامل وأخرى جديدة تمت إضافتها، والفريق يسعى دوما لمزيد من الاختصار والتبسيط للوصول الى Clean & Simple UI كما يصرح Arash وفريقه دوما.

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

أسعاري سابقا

تحويل تصميم PSD إلى صفحة CSS و XHTML قد يصل الى 200 دولار أمريكي (Hand-coded W3C Valid XHTML & CSS) مع دعم المتصفحات: (Cross-browser compatibility: IE 6+, FireFox, Opera, Safari, Chrome) وهذا ليس شعارا وإنما حقيقة أعمل بها.

تحويل تصميم PSD إلى Theme WordPress، من 200 إلى 360، حسب طبيعة ال PSD (دائما يحصل صاحب العمل على عمل نظيف ودون أكواد زائدة).

برمجة تطبيق صغير (CMS، مكتبة صوتية، فيديو ..) من 300 إلى 800 دولار أمريكي، (PHP, MySQL, CSS; XHTML, JS) مع لوحة تحكم ومميزات أخرى.

مشاريع خاصة تبدأ تكلفتها ب 1000 دولار.

Max & Min

أغلى مشروع برمجته كان 2300 دولار (تطبيق صغير لإدارة عملاء ومصاريف شركة محلية: صورة 1، صورة 2)، وأرخص مشروع كان 70 دولارا (كتابة FIX لمتصفح IE6).

أسعار بخسة

لدي قناعة أن أسعاري السابقة كانت بخسة وغير منصفة، وعملي يساوي أكثر من ذلك، لجودة ونوعية الأكواد التي أكتبها، ولإعتمادي الكامل على CSS و XHTML في كل صغيرة وكبيرة تخص التطبيق، بالإضافة إلى خريطة برمجية واضحة، ملفات التصميم في مجلد منفصل Templates ويمكن تحريرها بسهولة، ملفات CSS في مجلد خاص، Classes و Functions الخاصة بالتطبيق في مجلد منفصل. وكل شيء مرتب ومنظم وواضح، لا يوجد ملفات زائدة أو منسوخة من عمل آخر.

مثال مباشر

تطبيق صغير يمكن تجربه

نماذج قديمة

  • ديوان العرب، تطبيق صغير لتحميل ملفات Videos مبرمج منذ سنتين، ب 600 دولار أمريكي مع احتفاظ الشركة بحقوقه.
  • جمعان الحربش، موقع لنائب برلماني من الكويت، بسعر بسيط جدا، منذ 3 سنوات.
  • مسارات الأسواق المالية، تطبيق لإدارة العملاء، مع 3 أنظمة تحكم ونظام اشتراك ومراسلة داخلي، بسعر قارب 1000 دولار، منذ سنتين وبضعة أشهر.
  • الصحبة الصالحة: مكتبة للصوتيات والمرئيات بخصائص كثيرة، نظام تعليقات على المقاطع، مكتبة برامج، التحميل للمشتركين فقط، مع نظام نقاط للأعضاء ومميزات أخرى كثيرة، مع لوحة تحكم غنية جدا، بحوالي 250 دولار، منذ 3 سنوات.
  • شبكة أطياف CMS مع لوحة تحكم غنية بالأقسام والخصائص+ نظام للمشرفين، بحوالي 1200 دولار أمريكي إن لم تخني الذاكرة، وحقوق البرمجة والاستخدام للشركة.
  • تحويل تصميم إلى WordPress ب 200 دولار (2009).
  • صور لمشاريع أخرى، من سنتي 2008 و 2009.
  • عشرات التطبيقات والمواقع التي لا أستطيع الإفصاح عنها.
  • كما فشلت في إنجاز بعض المشاريع لأسباب مختلفة.

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

أسعار أجنبية

  • 31Three مدة إنجاز المشروع: شهرين، 4 أشهر، 6 أشهر .. وبتكلفة تبدأ من 5 آلاف دولار لتصل إلى أكثر من 50 ألف دولار.
  • Lionite بمدة 14 أسبوعا من العمل وميزانية تبدأ ب 24 ألف دولار، وفريق صغير من 3 أفراد.
  • PSD2XHTML تبدأ من 70 دولار لتصل إلى 400 دولار فما فوق .. Slice ‘n Dice ،PSD2HTML ومئات المواقع التي تقدم نفس الخدمة.

2010

أسعاري تغيرت، لم أضع خطة جديدة بعد، لكن لن تكون بخسة كالسابق، سأحاول قدر الإمكان أن لا أعمل بمبالغ بسيطة، وأن لا أقبل بأي مشروع – كيفما كان – فقط تحت ضغط الحاجة.

وبيني وبينكم، لو كان لدي دخل عن طريق Google Adsense مثلا، لتفرغت لبرمجة مشاريع شخصية، فقط لا غير، وتبقى لكل مطور قناعاته، وأسعاره الخاصة.

مقابلة مع Snook

الخميس 7 يناير 2010

Jonathan Snook مطور ومصمم ويب Freelance، محاضر في مؤتمرات عالمية ك: SXSW و An Event Apart، شارك في تأليف كتابين: The Art & Science of CSS و DOM Scripting with Ajax, APIs and Libraries.

من هو Snook؟

في معظم الأوقات، مطور ومصمم ويب. أعمل بدوام كامل Full-time Employee مع شركة Yahoo لكن من منزلي في Ottawa، هل يوجد أفضل من ذلك؟.

مكان عملك؟

بسيط، طاولة من IKIA، محمول MacBook Pro وشاشة 24″ من Apple، (صورة لمكان العمل).

IDE, Time tracking ..؟

محرر Textmate، مع MAMP Pro و VMWare Fusion لتشغيل Windows XP وإجراء التجارب على متصفحات Internet Explorer.

يوم في حياة Snook؟

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

حوافزك للعمل Freelance؟

الحصول على المال أكبر حافز، ثم التحدي لحل معضلة وفهم أمور وتحسين طريقة عملها.

لديك خطة عمل؟

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

كم ساعة تعمل خلال اليوم؟

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

تستعمل أداة لتنظيم الوقت والمهام؟

استعمل أداة RescueTime التي تعطيني تصورا واضحا عن الوقت والإنتاجية.

كيف نجحت في فقدان الوزن؟

كانت فكرة مجنونة: تمارين كثيرة مع حمية جيدة Less of Me.

لماذا استعملت HTML5 و CSS3 في التصميم الجديد لمدونتك؟

استعمالي ل HTML5 محدود، واستخدم فقط ما يعمل مع معظم المتصفحات حاليا، نفس الشيء بالنسبة ل CSS3، هذا يجعل قابلية الاستخدام ممكنة لمعظم الزوار.

هل تعتقد أنه حان الوقت لاستخدام HTML5 و CSS3؟

بعض HTML5 بكل تأكيد، القليل من CSS3 ربما، هذا يتوقف على النسبة المئوية من الجمهور والذي قد لا يستفيد من هذه المميزات.

لماذا لا تستخدم WordPress كمنصة للتدوين؟

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

لماذا تهاجم Reset في كل مناسبة؟

كي أكون واضحا، أنا لا أهاجم Reset (تصفير الاعدادات)، فقط أشعر أنها ليست ضرورية، أريد الانتقال تدريجيا من النقطة A إلى B، لكن أتفهم أن الكثير من الناس يجدون تصفير الاعدادات أمرا مفيدا.

هل تستخدم القياس 960px؟

أبدأ الصفحة ب 1000px وأضع بعض المحتويات هنا وهناك، لكن العرض الأقصى في النهاية لا يتعدى 960، ليس لدي قياس مفضل، فذلك يتوقف على التصميم، إن كان محتوى الصفحة قليلا، أستعمل قياسا ضيقا، وإن كان هناك المزيد من المحتوى، فأقوم بتوسيع التصميم أكثر، أنا بالأحرى أصمم حسب المحتوى، ولا أضيف المحتوى حسب التصميم.

لا أستعمل إطارا معينا. وأفضل معرفة كل سطر أكتبه في CSS كي أتحكم فيه بشكل كامل ويسهل تتبع الأخطاء Debugging.

أنت من أنصار CakePHP، لماذا هو بالذات؟

أحببت CakePHP لأنه الأقرب إلى Ruby On Rails من بين كل الأطر الأخرى، أحببت مفهوم Convention over Configuration الذي يوفره CakePHP (وأطر أخرى ك Symfony)، أنا سعيد ولا أرى حاجة للانتقال إلى إطار آخر.

هل تخطط لتعلم ROR؟

وددت أن أتعلم Ruby On Rails، لكن من الصعب إيجاد الوقت أحيانا.

نصائح لمطور الويب؟

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

أهدافك ل 2010؟

شيء واحد، الإنجاز Get Things Done.

شركات 2.0

الخميس 7 يناير 2010

Toggle

Toggle شركة صغيرة تقدم خدمات البرمجة والتصميم، مقرها في London، والفريق مكون من شخصين فقط.

Toggle

37Signals

شركة غنية عن التعريف، مقرها Chicago، صاحبة فضل كبير على مبرمجي Ruby، بفضل إطارها الشهير Ruby On Rails، لديها منتجات موجهة للمطورين والمصممين من الشركات والأفراد، بعضها أحدث ضجة كبيرة كتطبيق Basecamp لإدارة المشاريع، كتاب Getting Real الذي غير الكثير من المفاهيم، وأطلقت مؤخرا خدمة جديدة Sortfolio وكتابا جديدا REWORK سيرى النور قريبا.

37signals

AWPNY

Ancient Wisdom Productions شركة صغيرة من New York، تقدم خدمات البرمجة والتصميم كذلك، الفريق مكون من 6 أفراد، ويبدو أن المصمم Tyler Finck لم يعد يعمل في الشركة، وتم استبداله بمبرمج تطبيقات iPhone يدعى Alan.

AWPNY

Kyanmedia

شركة ويب 2.0 من London, أجريت معها مقابلة في السنة الماضية: مقابلة مع شركة Kyan

Kyan

Engineyard

الشركة تقدم منتجات لمستخدمي Ruby وإطار العمل Ruby On Rails، وتتعامل مع شركات ويب 2.0 معروفة ك Wildbit.

Engineyard

SproutBox

شركة جديدة كل 3 أشهر، هذا هو شعار SproutBox، ب 10 أفراد من المبرمجين، المصممين وخبراء Marketing الذين هم على استعداد للتعاون مع رجال أعمال يوفرون الدعم لهذه الشركات الناشئة، من بين مشاريعها: Squad, Schedule Thing, Cheddar Getter، أرسل فكرة مشروعك وجرب حظك.

SproutBox

3 كتب هدية من Amazon

الأربعاء 6 يناير 2010

وضعت رابطا لقائمة أمنياتي Wish List، لفترة طويلة، ومع أنها تحتوي على كتب فقط (لا يوجد أغراض من قبيل iPhone .. ) إلا أنني عدت وحذفتها بعد أشهر طويلة، لم يصلني فيها ولا كتاب واحد من زائر سخي.

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

بعد تفحص الكرتون يمينا ويسارا، انتبهت إلى الاسم والعنوان الموجود في رسالة Amazon ولم يكن سوى العزيز عبد الله المهيري.

لمن يشعر بالفضول لمعرفة عناوين الكتب فهي كالتالي:

شكراً.

Scala Language

الثلاثاء 5 يناير 2010

Learn a new language: Scala

Scala؟

Scala لغة برمجة واعدة، ظهرت سنة 2003، مصمم اللغة Martin Odersky أستاذ في معهد EPFL، مصمم Generic Java و JIT compiler .. وكذلك مبرمج محترف في JAVA.

Scala لغة OOP؟

لغة برمجة هجينة، تجمع أفضل مفاهيم OOP وأفضل ما جاءت به البرمجة الوظيفية Functional Programming. تعمل (runs) على JVM، وهي من فئة multi-paradigm كلغتي Oz و Ada

Syntax؟

شبيه ب JAVA، لكنه أكثر بساطة، يمكن التخلي عن بعض الزوائد كالنقطة والفاصلة في نهاية كل سطر، types وأمور أخرى ..

Scala:

var numberMap = Map("one" -> 1, "two" -> 2, "three" -> 3)

Python:

numberMap = {"one": 1, "two": 2, "three": 3}

مواقع تستخدمها؟

الكثير، منها شركتي Twitter و Simens.

IDE؟

محرر نصي وأداة للتعامل مع سطر الأوامر Command Line Tools، يمكن استعمال Ant أو Maven, أو محرر مثل IntelliJ IDEA, Eclipse أو Netbeans.

Web أو Desktop ؟

هي لغة متعددة الاستخدام، تصلح لمشاريع الشركات العملاقة، برامج سطح المكتب، تطبيقات الويب … إلخ.

NBT؟

هل ستحدث ضجة كبيرة وتكون The Next Big Thing كما يقول البعض ؟ وهل تفوقت فعلا على JAVA في نواحي عديدة ؟ وهل هي أفضل ما في Ruby و JAVA ؟ إقرأ تجربة مبرمج ومؤلف كتاب Beginning Scala.

New Year’s Resolutions

الإثنين 4 يناير 2010

كانت سنة موسومة بسلسلة من التجارب والإخفاقات، والان أتطلع لسنة جديدة حافلة بالإنجازات مستفيدا من أخطائي وتجاربي، وإن كان من شيء أنا سعيد بتحقيقه، فهو خروجي أخيرا من فقاعتي Ma Bulle.

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

  • هل سأجلس ساعات طويلة لأغير الإيقونات بعد الآن ؟
  • هل سأستعمل Color Schemer عشرات المرات للوصول إلى ألوان لا يراها من يستعمل شاشة Laptop وأحيانا لا ترى بالعين المجردة ؟
  • هل سأضيف خصائص لم يطلبها صاحب المشروع ؟
  • هل سأنظم وأرتب أكواد PHP و CSS عدة مرات، بينما ما يهم صاحب العمل هو رؤية الموقع في أسرع وقت ؟
  • هل سأعتبر أي عمل مهما كان بسيطا أو “تافها”، أنه مشروع ويب 2.0، يجب إخراجه بأفضل صورة ممكنة ؟
  • هل سأرفض وأسخر من عروض التوظيف من الشركات المحلية بعد الان ؟
  • هل سأنظف أي شيء وكل شيء في غرفتي وهي نظيفة أصلا، كي أجلس للعمل ؟
  • هل سأتعامل مع أي شخص على أنه ملم بكل جديد ويفهم جيدا في التطوير ؟

وداعا لكل هذا وبدون رجعة، الإيمان بالوصول إلى الواقعية وأن الحياة ليست مثالية، وإنجاز الأعمال بسرعة وبدون تعقيدات أو مميزات لم يتم الاتفاق عليها، هو ما يجب على كل مطور الإيمان به، إلا اذا كان مشروعا شخصيا أو لجهة تستطيع أن تدفع 5000 و 6000 دولار أو أكثر، بدل 300 و 800 دولار، لدي الكثير لأقوله، فقط لا أريد الخوض في المزيد من التفاصيل, في نفس الوقت أرغب أن أنقل خلاصة ما عشته لمطور ويب يدخل حديثا للويب العربي:

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

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

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

قبل أن أنهي تدوينتي هذه، لدي استعداد تام للعمل Full time كمبرمج ومطور ويب، لذا لا تتردد في مراسلتي إن كانت لديك وظيفة مناسبة، ومرحبا بوظيفة 2010، إليك نماذج لما أقوم بعمله.

My Tools List for 2010

الأحد 3 يناير 2010

Browsers

أستعمل 6 متصفحات هي: IE6, IE7, Opera, Chrome, Safari و Firefox وهو المتصفح الرئيسي، لمن لا يعرف لما أستعمل كل هذه المتصفحات، ف IE6 و IE7 أو (The Terrible Browsers) لكتابة ترقيعات Fixes لما أكتبه من صفحات CSS، وأحيانا Minor Fix ل Opera، والبقية لأرى كيف يظهر عملي لمن يستعمل متصفحات أخرى غير FF.

PHP Designer

محرر IDE الوحيد، للعمل ب: SQL, JS, PHP, CSS, XHTML .. وحتى Ruby, Python مستقبلا.

XAMPP

سيرفر محلي Localhost لتطوير المشاريع مبشارة من الجهاز.

Dropbox

أستعمل الواجهة المكتبية Desktop App لحفظ ملفاتي، بسرعة كبيرة، وعن طريق السحب والإفلات Drag & Drop، يمكنني استرجاع ملف حذفته عن طريق الخطأ، مشاركة ملف أو صورة بضغطة زر، تعدد النسخ (Version Control System) ومميزات أخرى كثيرة، وهناك من يدمج Client SVN مع البرنامج، لإدارة وتنظيم مشاريعه، والأهم من ذلك أن ملفاتي في مكان آمن وفي نفس الوقت أصل إليها مباشرة من النظام.

IrfanView

لهذا البرنامج الصغير فوائد كثيرة، لكنني أستعمله في أمر واحد، فتح ملفات PSD وتصدير صورة بصيغة PNG، دون الحاجة لتنصيب برنامج ضخم ك Photoshop.

Minitask

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

Focus Booster

إذا رغبت بحساب الوقت الذي سأقضيه في مهمة معينة، وأحيانا للتحفيز Motivation.

Avira

كمكافح فيروسات بدل Kaspersky الذي اشتريت نسخة OEM منه، استخدمته أول مرة، ثم حذفته لكثرة Alerts التي أصبح التحكم فيها مزعجا، عدا استهلاكه الكثير من موارد النظام (في اعتقادي)، لست مقتنعا بفائدة برامج Anti virus، وأستعملها من باب الاحتياط.

Color Schemer

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

CCleaner

لتنظيف النظام من Cookies وملفات History وأشياء أخرى.

WIN XP

لا مفر من الاستمرار مع XP كنظام تشغيل رئيسي، وإن كان ثمة انتقال في هذه السنة فسيكون لصالح ال MAC، عذرا Ubuntu.

حلول CSS بنكهة Jquery

الأحد 3 يناير 2010

هناك الكثير من المشاكل التي تعترض مطور الويب، بعضها يحتاج لحلول مكلفة، الفكرة التالية توضح كيف يمكن استعمال Jquery لاضافة او تغيير بعض الخصائص في CSS، عندما يتم جلب البيانات من جدول MySQL ويكون التحكم في خصائص أول أو آخر Row مكلفا من ناحية الوقت والجهد، سأعطي مثالا سريعا لأوضح عما أتحدث عنه:

لنفترض أنه لدي صفحات Pages كالموجودة في WordPress وأرغب بإظهار عناوين الصفحات بتنسيق معين ب CSS كأن أفصل بين كل عنوان وآخر ب Border وآخر عنوان في القائمة سيكون بدون إطار

صورة توضح ما أرغب به:

إن كان Code عبارة عن XHTML فقط، سأضيف Class لآخر  رابط كالتالي:

<li class="last">link 4</li>

CSS

ul li.last {border:none}

بينما إن كانت البيانات عبارة عن حلقة While يتم الاستعلام عنها من جدول MySQL ف Jquery توفر حلا (IE لا يدعم pseudo element ولن تظهر التأثيرات معه، يمكن اللجوء إلى بعض Fix):
ببساطة بعد استدعاء ملف jquery (الذي سأستدعيه غالبا لشيء آخر أكثر أهمية)، أضيف ما يلي:

$('ul li:last').css('border','none');

كذلك يمكن هذه الطريقة للحصول على حقول ملونة عند عرض بيانات Tabular كما في الصورة:

JS

$('table tr:odd').css('background','#fff');
$('table tr:even').css('background','#B0D9EC');

الملفات مرفقة

يمكن استعمال CSS() مع Jquery في أكثر من موضع.

Pricing ب CSS 2.1 و XHTML

الجمعة 1 يناير 2010

إن كنت تملك تطبيقا أو خدمة ويب وبحاجة لتصميم خطط اشتراك بشكل أنيق وبفكرة مختلفة عن استعمال الجداول Tables فإليك إحدى الطرق باستعمال CSS ووسوم XHTML 1.0 ولما لا بعض التأثيرات الجميلة ب CSS3

مثال مباشر لما أتحدث عنه

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

XHTML 1.0

<div class="plan">
<h3>Personal</h3>
<strong>$20</strong>
    <span>per month</span>
Use for your work team or project ..
<ul>
	<li>250 Mb storage</li>
	<li>support SSl</li>
	<li>15 users per project</li>
</ul>
<a class="button" href="#">sign up</a></div>

وسوم Tags لا تحتاج لشرح، سأتحكم فيها عن طريق CSS، قبل ذلك أكرر Class عدة مرات حسب عدد الخطط الذي لدي، ويمكنني اضافة Class جديد لخطة معينة كالاتي:

<div class="plan free">
Code ..
</div>

سأغير فقط بعض الخصائص الخصة ب Class الجديد:

CSS

#main .free {
 background-color: #9CC9E3;
 font-size:large; font-weight: bolder;
 border-color:#4A9CCB
}

ولا حاجة لأن أعيد كتابة كل خصائص Class الجديد

CSS

ساضع أهم خصائص يجب اعطائها ل Class الأول هو Plan هنا، والبقية من اختيار رغبة المطور ..

#main .box {
    float: left;
    width: 196px;
    margin: 05px 05px 05px 0;
}

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

أمثلة من مواقع أجنبية لمزيد من الإلهام:

يمكن أن يكون Pricing بسيطا وفي جدول عادي: