css

• styling file input : تغير شكل حقل تحميل الملفات بواسطة css و الجافا سكريبت.
• stylelgnite : مكتبة للتشارك بشفرات الcss .
• css toolbox : برنامج مجاني لتحرير ملفات الcss .
• صانع القوائم : أداة لصنع قوائم css على الخط .
• صانع قوالب css على الخط : اختر شكل القالب مثل عدد الاعمدة و الالوان … الخ و الاداة تنتج الشفرة لك .
• css redundancy checker : أداة لكشف خواص الcss الغير مستخدمة في ملف الhtml و موجودة في ملف css.

جافا سكريبت

• Control suite : عبارة غن 6 بريمجات تعتمد على إطار عمل prototype لإنشاء تطبيقات ويب2 .
• Ext js : هو عبارة عن أساس يمكنك بناء تطبيقات ويب على أساسة تحمل شكل تطبيقات سطح المكتب مثل الازرار و الاستمارات و شكل النافذة .يبدو رائع لتطبيقات الاجاكس .أنا اقوم بتجربته و ما اعجبني كبداية أنه عند التحميل يمكنك أختيار تحميل النسخة المناسبة لك مثلا أنا استخدم في الغالب إطار عمل بروتوتيب prototype و بالتالي يمكنني تحميل نسخة خاصة لمستخدمي هذه المكتبة .كما يمكنك اختيار تحميل الاجزاء التي تريد استخدامها فقط من المكتبة مثلا فقط التعامل مع الحقل في الاستمارة او فقط محرر Html بدل تحميل الملف كامل و ابطاء تحميل الصفحة .
• Curl : مكتبة جافا سكريبت لتطبيق تأثير طي الصفحة غلى الصور.لا أعرف ما هو الاستخدام المناسب لهذه المكتبة لكن التأثير يبدو ظريفا .
• Accordion : مكتبة لأنشاء تأثير الاكوريون أو البوابات المنزلقة .

تصميم

• aviva : موقع يحتوي على دروس فوتوشوب مميزة .
• 40 برنامج مفتوح المصدر لتصميم الجرافيك .
• FlauntR : برنامج على الخط لتحرير و تصميم الصور . يمكنك تطبيق ألف تأثير على الصورة بلمسة زر.
• قوالب ماي سبيس My space .

تطوير

• أمثلة متنوعة لملفhtacess
• درس استخدام FireBug : و هو إضافة للفايروفوكس تساعد المطورين على اكتشاف الاخطاء و تطوير المواقع .
• كيف تسّعر برنامج : هل أنت مطور ويب كيف تسعّر برنامجك .
• Apache re-write mode : 13مثال حي لاستخدام re-write في الاباتشئ .

هذه قائمة بمواقع تقدم أيقونات مجانية ..

• iconlet.com : يمكن أعتبار هذا الموقع محرك بحث جوجل للايقونات فقط ادخل الكلمة و ستعرض لك قائمة الأيقونات
• 500 أيقونة من نوع فيكتور .
• iconbee
• freeiconsweb
• Mini pixel icons:أيقونات صغيرة الحجم .
• لوحة المفاتيح :104 ايقونة لأزرار لوحة المفاتيح.
• icon factory
• Fam fam fam

تصميم و تطوير

• IE netrenderer: قارن تصميم موقعك في عدد من المتصفحات مثل Internet Explorer 7, 6, 5.5
• أسئلة حول جوجل: أحد مهندسي جوجل يجيب في هذا الفيديو على عدد من الأسئلة حول جوجل
• Browser Bugs : في هذا الموقع تجد قائمة بالمشاكل في ظهور الصفحات في كل متصفح .
• 7 أنماط تصميم
• 34 مكان في الشبكة للحصول على الإلهام
• فن تصميم بطاقات العمل .. نماذج رائعة
• 100 أداة لتغطية حاجة المصمم الحر على الشبكة
• 25 طريقة لتحسين موقعك
• أرقام الصفحات : لديك خاصية البحث مثلا في موقعك و تظهر النتائج على عدد من الصفحات ماهي الطريقة الصحيحة لعرض هذه الأرقام بشكل مناسب للزوار

جرافيك و خطوط

• Vecteezy : صور متجهية مجانية .
• مجموعة فراشي مجانية للفوتوشوب
• مجموعة تدرجات لونية مجانية : لتسهل لك تصميم جرافيك وفقا لموضة ويب2

CSS

• قائمة للخطوات : اضغط على الوصلة لمشاهدة ما اقصد .

بعد أن تحدثت في الموضوع السابق عن موقع osalt.com سأكتب سلسلة من التدوينات عن البرامج التي قمت بتجربتها و رأي فيها .

نبذة

برنامج InkScape هو برنامج مجاني و مفتوح المصدر لرسم و تصميم الرسوم المتجهية vector هو يشبه في عملة عمل البرامج التجارية مثل Illustrator, Freehand, CorelDraw . و هو يستخدم Scalable Vector Graphics (SVG) و open XML-based W3C standard (لم أجد ترجمة مناسبة).
البرنامج يعمل على Linuxو Windows 2000/2003/XPو OSX (dmg package).

وصلات مفيدة

• صور لشاشات البرنامج
• معارض الأعمال
• تحميل

عيوب و مميزات بعد الاستخدام

تحميل البرنامج و تركيبه كان عملية سهلة و سارت الأمور من غير تعقيدات . للوهلة الأولى لم اقتنع بالبرنامج خاصة أني اقارنة ببرنامج الالستيريتور الشهير من شركة أدوبي . و افترضت و قد كنت على خطأ أن البرنامج ضعيف و لن يكون على المستوى الذي أريد .
الواجههة سهلة جدا و الادوات في متناولك على عكس الالستريتور و الذي تكتشف أن هناك الكثير من الادوات المدفونة و الكثير من الأدوات الموجودة و التي لا تستخدمها أبدا ..
أنا استخدم البرنامج على نظام ويندوز أكس بي لم استطع أن أقرر مدى خفة البرنامج على الجهاز فبعض العمليات تتم بخفة و سرعة و بعضها تجمد الجهاز لفترة و لكني لا استطيع الحكم على البرنامج مع استخدامه مع نظام متعدد المشاكل مثل الويندوز ففي الحقيقة لا اعرف ممن يكمن العيب لكني لاحظت أني لو استخدم الكثير من الاشكال المعقدة مع خاصية blur و التدرجات اللونية يصبح الملف أثقل و كذلك الحال مع الاليستريتور كلما زاد تعقيد الشكل المرسوم اصبح الملف أثقل.. لكن بشكل عامل لا يعتبر هذا عيب .. و يمكنك التغاضي عن المسألة بعد سنوات من استخدام نظام الويندوز تدربنا على الصبر ..
سأختصر المسألة كل ما احتجت إليه موجود و هذا يجعلني اقول وداعا للاليستريتور ..بالطبع هناك مميزات ناقصة لكن انا اعتقد اني بشكل شخصي لا احتاج لأكثر من ذلك و خاصة بعد اتباعي لعدد من الدروس على موقع Youtube اكتشفت قوة البرنامج .
البرنامج يمكنك من إضافة الأشكال و المسارات Paths و العلامات و الاستنساخ و تحديد شفافية الأشكال . تحريك الأشكال و تحويلها transform و إضافة التدرجات اللونية و الخلفيات المشجرة Pattern وتجميع الأشكال في مجموعات . كما يدعم البرنامج خاصية الطبقات و تتيع صور Bitmap (tracing) . و ترتيب النصوص على المسارات المحتلفة مثل الدوائر و تحرير مباشر xml . يمكنك استيراد الصور من نوع jpeg ,png,tiff و تصدير الصور إلى نوع png . هناك خواص أخرى مثل خاصية clipping و كل ما يخص . اتحاد و تقاطع … الخ الخاص بالمسارات و الكثير..

اللغة العربية

البرنامج يدعم العربية بشكل كبير تمكنت من الكتابة بمعظم الخطوط المتوفرة في جهازي و لكن ليس كلها .

لم يعجبني ..

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

نماذج من أعمالي

عملت لفترات بسيطة على البرنامج و مازلت في طور الاكتشاف ..هذه هي تجاربي الأولية .. [+] اضغط على الصورة لمشاهدتها مكبرة

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

دروس فيديو من موقع YouTube

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

• تحميل و تركيب inkscape
• Perspective منظور
• الاستنساخ
• تصميم شبكة عنكبوت
• إنشاء أيقونة مجلد
• إنشاء ورقة ملاحظات
• إنشاء ماسكة ورق paper clip
• كرة ثلاثية الأبعاد
• أيقونة
• التعامل مع النصوص و تشكيلها
• ترتيب النص حول دائرة
• نص منعكس

مواقع و مدونات

• قسم inkscape في مدونة أنس بن مالك : المدونة العربية الوحيدة التي تتحدث عن البرنامج .
• مدونة Ryan Lerch