من احدى هواياتي المفضلة التي أتمنى ان تكتسبها حتى و لو كنت لا تختص بعالم تصميم المواقع مثلي, أن تتصفح دائماً جديد ابتكارات هذا المجال عبر أسواق بيع الثيمات Themes المشهورة في العالم كـ Themeforset و woothemes و Themefuse.
و ان كنت بالفعل من مهتمي تصفح الجديد عبر هذه الأسواق, فلا بد انك لاحظت منذ حوالي السنة تكرار نموذج تصميم لاقى القبول لدى الزبائن, خاصة اولئك الباحثين عن التصميمات من النوع Responsive themes أو التي يتناسب حجمها طبقاً لمقاس شاشة التصفح لدى المستخدم أو حجم المتصفح نفسه.
هذه الاضافة تأتي لمربعات عرض المواضيع أو الصور, و وظيفتها تعيين عدد المربعات في كل صف تلقائياً حسب عرض المتصفح, و اعادة ترتيب المربعات في حالة اعادة تعيين حجم المتصفح. حاول مثلاً أن تزور هذا الموقع
و تحاول أن تغير حجم المتصفح لديك, و كلما غيرت أبعاد المتصفح, ستلاحظ أن المربعات يتم اعادة ترتيبها تلقائياً كل مرة, لتصبح Responsive دائماً.
ربما يكون هناك العديد من الاضافات Javascript المختصة بهذه الحيلة, لكن أقواها على الاطلاق في رأيي, هي اضافة Isotope التي رأيت أستخداماها في العديد من المتصفحات الاحترافية خاصة في متجر Themeforest.
الاضافة تتميز انها تتبع رخصة MIT مجانية بالنسبة للمطورين الفرديين, و كما أنها تأتي تحت رخصة تجارية للمطورين الراغبين استخدامها في مشاريعهم التجارية فقط بـ25 دولار أمريكي. في رأيي انها صفقة رابحة للغاية.
لمعرفة كيف تنصيبها و استخدامها بسهولة, يمكنك زيارة الموضوع في مدونتي الخاصة
شاركونا بتلك الاضافات التي يمكنها ان تنجز العديد من المهام لديك في التصميمات و تساعد بصناعة قالب احترافي
التعليقات
اضافة أكثر من رائعة اعجبتني كثير .. صراحة Envato من الشركات التي اعشقها وأتمني ان نري شركة عربية قريباً مثلها
انظر هذا (يستخدم isotope) وأعطيني رأيك
عمل جميل ,, استمر
و لكن لي ملاحظتان
لا أراه يدعم responsice ام انك متعمد عدم استخدام الميزة
تناسق الالوان يحتاج بعض العناية من وجهة نظري البسيطة
و في النهاية مجهود جميل, هل انت مصمم محترف ام انها مجرد تجربة
و في النهاية مجهود جميل, هل انت مصمم محترف ام انها مجرد تجربة
أنا مطور محترف من أكثر من 10 سنوات لكن هذا التصميم ليس لي. لدينا مصمم محترف متخصص في تجربة المستخدم وليس مجرد "ملوناتي"
لكن ما قصد عرضه هو الجوانب البرمجية في عملية البحث الآني (عملية الفلترة حسب المنطقة أو الميزة مع أن البطاقات تأتي من عملية بحت وهناك ميزة التصفح اللانهائي infinite scroll مع إمكانية إزالة الفلاتر لحظية في المتصفح في حين أن مثال isotope يظهر مثال ساكن على عناصر الجدول الدوري الكيمائي وهي ثابتة بالطبع)
لا أراه يدعم responsice ام انك متعمد عدم استخدام الميزة
تناسق الالوان يحتاج بعض العناية من وجهة نظري البسيطة
التصميم الأصلي كان تصميما مستجيبا لكن تم إلزامنا بالترويسة المشتركة مع بقية الأقسام وألوان ال brand.