- Javascript unpacker and beautifier لترتيب وتنظيم أكواد JS
- PHP CSS Browser Selector ملف صغير الحجم لكتابة Fixes لمجموعة من المتصفحات، خصوصا IE browsers
- resizeMyBrowser لتجربة قياسات مختلفة للشاشة، أداة مفيدة للمطورين
- SwatchSpot أداة لصنع الألوان
- TypeWith.me أسهل طريقة للعمل الجماعي (تدوين، تحرير مستندات، …)
5 أدوات مفيدة لمطور الويب
الإثنين 1 نوفمبر 2010ما الذي ترغب بقراءته هنا؟
الإثنين 28 يونيو 2010ما نوع المواضيع التي تريد الاطلاع عليها في هذه المدونة؟ أرجو منك أن تترك ردا في صفحة التعليقات، أريد معرفة وجهات نظر مختلفة حول الموضوع.
من هنا وهناك
الإثنين 1 فبراير 2010- فكرة موقع بالانجليزية للمقابلات Interviews مع: مصممين، مبرمجين، شركات Startups، الفكرة لا تتطلب أكثر من دومين واستضافة صغيرة، لدي 3 مقابلات جديدة لم أترجمها بعد يمكن البدأ بها، وأعتقد أن 4 أو 5 مقابلات في الشهر ستكون جيدة؟
- انهيت تطبيقا WebApp للصوتيات، بمميزات وخصائص كثيرة، وباستعمال (PHP, MySQL, CSS 2.1 & CSS3, JQUERY, XHTML) مع لوحة تحكم غنية بالخصائص, يمكن الاطلاع على صور له من هنا Screenshots.
- استبدلت 7zip ببرنامج آخر مفتوح المصدر، به مميزات كثيرة أعجبتني: PeaZip (فتح الملف المضغوط في مجلد جديد تلقائيا، إنشاء عدة مجلدات مضغوطة انطلاقا من مجلد واحد ..)
- إضافة Addon لمتصفح Firefox تدعى: ScreenGrab سهلة الاستعمال وسريعة أيضا، يمكنني الان التخلص من Snagit.
- أجرب Nirvanapp تطبيق ويب 2.0 أنيق لإدارة المهام GTD. وكذلك تطبيق آخر أكثر بساطة وبفكرة مختلفة: Teuxdeux.
شركات 2.0
الخميس 7 يناير 2010Toggle
Toggle شركة صغيرة تقدم خدمات البرمجة والتصميم، مقرها في London، والفريق مكون من شخصين فقط.

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

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

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

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

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

Scala Language
الثلاثاء 5 يناير 2010Scala؟
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.
My Tools List for 2010
الأحد 3 يناير 2010Browsers
أستعمل 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.
أفضل دروس ومقابلات المدونة
الأحد 27 ديسمبر 2009دروس CSS و XHTML:
- إخفاء Icons والصور ب CSS
- تنسيق بيانات عضوية ب CSS و XHTML
- روابط Footer ب CSS و XHTML
- نماذج بريدية أنيقة ب CSS و XHTML
- نماذج بريدية بطريقة إنسانية UI, UX
- PNG transparency أو الشفافية باستعمال مكتبة IE7-JS
- صنع أزرار Button ب CSS
- كيف تصمم Tabs ب CSS و XHTML
- تعدد الصفحات Pagination ب CSS
- Replacement with CSS
- رسائل Alert ب CSS و jQuery
- احصائية أنيقة لموقعك ب CSS و XHTML
- Position ب CSS
- فهرس باستعمال CSS و XHTML
- اظهار نوع الروابط باستعمال الايقونات و CSS
مقابلات مع شركات ويب 2.0:
مقابلات مع أفراد:
- مقابلة مع المدون عبد الله المهيري
- مقابلة مع المصمم Lee Munroe
- مقابلة مع مؤلف كتب في شركة Sitepoint
- مقابلة مع مطور ويب Stefan Vervoort
- مقابلة مع المبرمج خالد هلابي
- مقابلة مع مطور الويب الشهير Antonio Lupetti
انتظروا المزيد من الدروس والمقابلات في السنة الجديدة
Twitter Geolocation
الأربعاء 18 نوفمبر 2009يصل عدد الرسائل اليومية في Twitter إلى أكثر من 26 مليون رسالة، أي ملايين المعلومات عن الأحوال الاجتماعية، السياسية، الاقتصادية .. إلخ تتدفق يوميا، ومع أن هذه المعلومات عبارة عن أخبار وتجارب فردية لكل مستخدم، إلا أنها كانت محل اهتمام من Google و Microsoft، إذ كانتا على استعداد لدفع الكثير مقابل هذا السيل من البيانات، وذلك بغرض معرفة أشياء معينة كردود الفعل حول iPhone S أو ما يقوله الناس عشية اطلاق نظام Microsoft الجديد Window 7، أو حتى كيف يتصرف الناس عندما يكون هناك مسلح يطلق النار كما حدث في Fort Hood، حيث أرسل بعض الجنود تحديثات مباشرة من قلب الحدث، فأحدهم كتب “ماذا يحدث، لدينا إطلاق نيران”، وآخر “عادت خدمات الهاتف إلى Fort Hood، أنا بخير، شكرا على الاهتمام”.
إلا أن ثمة مشكلة مقلقة عند البحث في كمية المعلومات المتدفقة كل ثانية، فلو كتبت كلمة iPhone أو Win7 ستجد مئات التحديثات تضاف بشكل فوري، وعميلة التدقيق والبحث في ملايين النتائج، صعبة إن لم تكن مستحيلة.
لكن تقنية جديدة يتم العمل عليها من قبل مطوري Twitter بإشراف Ryan Sarver وتدعى Geolocation، (شبيهة إلى حد ما ب Google latitude)، ستمكن الناس من إضافة مكان التواجد مع كل تحديث، وبالتالي تحديد منقطة معينة واستهداف مكان معين عند البحث.
الخاصية الجديدة ستجعل الأنترنت أكثر ارتباطا بما نعيشه في الواقع، فبفضل تحديد منطقة البحث على مسافة معينة، أو على بعد أمتار من مكان تواجدك، سيمكنك تبادل المزاح مع أشخاص يتناولون الغذاء في نفس المنطقة، أو تبادل الحديث حول مباراة كرة قدم تقام في نفس الحي أو المدينة.
هدف Twitter هو تمكين الناس من الحصول على المعلومات المناسبة وجعلها أكثر إفادة من مجرد تحديثات فردية، وكما هي العادة، عند انطلاق الخاصية الجديدة سيستغلها البعض لتطوير تطبيقات Web Apps مربحة.
PHP Designer 7.0
الإثنين 26 أكتوبر 2009نبذة
PHP Designer عبارة عن محرر IDE متكامل، يمكن القول أنه يمثل All in One، فأنا أكتب به مشروعي كاملا بما في ذلك قواعد البيانات MySQL، أكواد CSS, PHP و XHTML، ولست مضطرا للانتقال بين أكثر من محرر، لكن هذه ليست ميزة فمعظم المحررات المنافسة تمكنك من البرمجة بأي لغة تشاء، فلماذا الإصرار على PHP Designer ؟
لماذا PHP Designer ؟
يجب أن أعترف أنني أستعمل PHP Designer حتى قبل معرفتي ب CSS و PHP، فقد كنت أكتب أكوادا بسيطة ب HTML وأختبرها على المتصفح، وأذكر أنني كنت أصنع ألعابا بسيطة والات حسابية بدائية عند بداية تعاملي مع PHP، لذلك فأنا أحمل ذكرى جميلة مع PHP Designer
في وقت لاحق حاولت تجربة محررات مفتوحة المصدر ك Notepad ++ أو Eclipse لكنني إما لم أرتح لها أو لأنني افتقدت بعض المميزات التي تجعل عملي سريعا على PHP Designer خصوصا أن أي برنامج جديد سيحتاج للتعود والاكتشاف، كذلك مسألة الحجم والسرعة في فتح المحرر والعمل عليه تلعب دورا مهما.
مع كل إصدار جديد يزداد اقتناعي ب PHP Designer، فهناك دوما Features جديدة، وصاحب البرنامج على اطلاع دائم بجديد التقنيات (رغم أن المحرر لا يتعرف على أوامر CSS3 أو وسوم HTML5 حتى الان، ومعظم المحررات كذلك.) مثلا كنت اضطر لتغيير Syntax الخاص بالصفحة كي أتمكن من إضافة أكواد CSS أو JS، الان وفي الإصدار الجديد يتم التعرف تلقائيا على ما أكتبه بفضل Intelligent Syntax Highlighter وهكذا وفي صفحة واحدة يمكنني كتابة:CSS, PHP, HTML, JS
أهم المميزات التي تدفعني لاستعمال المحرر:
- Snippet بحيث أضيف أكوادا في كل من PHP, CSS, XHTML .. وأستعملها عند الحاجة
- FTP يمكنني ربط مجلد ما من موقعي مباشرة بالمحرر وهكذا أي تعديل أو سطر أكتبه وبعد الضغط على Save أو CTRL + S يتم الرفع مباشرة وبشكل لا يزعجك في الاستمرار في العمل Silent upload
- Project Manager لإدارة ملفات المشروع والوصول إليها بسرعة من القائمة Sidebar
- Tags يمكنني إدراج بعض الوسوم دون الاضطرار لكتابتها كاملة، كذلك intelligent syntax يسرع من عملية التطوير
- المحرر يتعرف على Objects و Classes المدمجة في ملفات المشروع
- Phpmyadmin أستطيع إدارة قواعد البيانات مباشرة من المحرر
- PHP Manual في حال احتجت لمعرفة Parameters لدالة معينة فأستطيع ذلك بتظليل الدالة والضغط على زر في القائمة اليمنى.
- المحرر يدعم لغات أخرى ك Ruby, Python, Perl وهذا يعني أنني لن أضطر لاستبدال المحرر إذا ما أنتقلت الى Ruby لاحقا
- ومميزات أخرى كثيرة تحتاج للصور لتوضيحها.
الجميل في المحرر أنه يمكنك من اكتشاف طرق أكثر سرعة وإنتاجية في العمل وستجد دوما أن هناك خيارات وأدوات مساعدة (كإدماج TortoiseSVN وإجراء الاختبارات Debug ونظام Template وأدوات أخرى كثيرة)
ما الجديد في PHP Designer 7.0 ؟
أكثر من 125 ميزة وإضافة، تم العمل عليها لأشهر متواصلة، (كدعم Jquery, Mootools, YUI .. وبروتوكل SFTP ودعم الإصدار 5.3 من PHP) وتم إطلاق النسخة بتاريخ 07 أكتوبر، للأسف من يمتلك الإصدار الأقدم 6.2.5.1 لا يستطيع التحديث للإصدار 7.0 إلا بدفع مبلغ إضافي، لكن والحق يقال فالبرنامج يستحق، وهناك تخفيض للطلبة والأساتذة Academic License
أخيرا:
استعمل المحرر لأنه يلبي كل احتياجاتي وهو يتطور باستمرار وتضاف له مميزات وخصائص يطلبها مبرمجون محترفون من أنحاء العالم، هناك بدائل مجانية توفر نفس المميزات والسرعة في التطوير، لكنني أحب PHP Designer وسأستمر في الترويج والتعريف به، أحتاج فقط إلى نسخة خفيفة Light وأكثر بساطة كي لا أعمد لحذف الكثير من Toolbar الخاص بالبرنامج.


New design & small gift
الإثنين 26 أكتوبر 2009أعدت تصميم مدونتي (فقط باستعمال CSS و XHTML)، مع بعض icons، أضعه للتحميل لمحبي البساطة، مع مراعاة أنه (fixed width, two column) وكذلك:
- التصميم متوافق مع 2.8.5
- يظهر بنفس الشكل على المتصفحات التالية: FF, Opera, IE6, IE7, Safari, Chrome
- يمكن تخصيص Sidebar وإضافة Widgets
أعدت تحديث موضوع: Friday Freebies هناك 20 دعوة جديدة لتجربة Typekit













