قرأت منذ فترة مقالة حول سكريبتات تدوير المحتوى (Sliders أو Carousels) وحججاً مقنعة لعدم استخدامها، وخصوصاً التي تعمل بشكل تلقائي. والآن، مع الطلب الغريب على هذا المكوّن (عملت مرة على موقع طلب صاحبه خمس مناطق للمحتوى الدوار في الصفحة الرئيسية!!!).
أجد الآن أن هذه المقالة تستحق الترجمة علّها تفيد من يهتم بمحتوى موقعه (أو مواقع عملائه إذا كان مصمماً).
جميعنا نبحث عن الإلهام، ولا بد أن لدى كل منا مجموعة من المواقع التي يعود إليها عند الحاجة إما لاستلهام تصميم لمشروع جديد أو بحثاً عن توليفة لونية مناسبة أو ببساطة لتنشيط عضلات المخيلة.
منذ أن قمت بتصميم وتنفيذ موقعنا التعريفي السابق، بصراحة لم يكن رضاي عنه كاملاً. فقد أحسست أنه لا يعكس الصورة التي نريدها للفريق، كنت متعلقاً بفكرة لون أساسي لكل قسم، لكن استخدام بعض التأثيرات والخلفيات لم يكن له داع. ومع الانتشار الكاسح للتصاميم المسطحة لم يعد يمكن السكوت عن الوضع.
لذا فقد قمت بتخصيص بعض الوقت للقيام بعملية تجميلية للموقع بما يناسب رؤيتنا والمرحلة التي يعيشها عالم الويب اليوم. وخلال ذلك تعلمت ولاحظت بعض الأمور التي أود مشاركتها معكم.
حان الوقت لنعود مجدداً للتصاميم الرمضانية، إنما هذه المرة لوداع الشهر الفضيل. عسى أن نكون قد تزودنا منه جميعاً بما يلزم لنخرج أشخاصاً أفضل.
بصراحة بعد شيئ من البحث وصلت لهذه المجموعة من التصاميم، ومع أني يمكن أن أقول أنها أنيقة وتليق بالمناسبة، إلا أني لم أجد تميزاً حقيقياً ولم أنبهر بأي منها، حيث نعتمد عادة على أنماط مكررة لهذا النوع من التصاميم، أو يضيق بنا الوقت قبل العيد فلا نستطيع التفكر في التصميم بشكل أفضل.
أرجو أن نرى في المستقبل تميزاً وتمايزاً أكبر، ونشهد حالة إبداع مختلفة عند كل منا.
ترافقت منهجية التصميم المسطح التي اجتاحت عالم التصميم خلال الفترة الماضية مع مجموعة جديدة من التأثيرات، قد يكون أبرزها إلقاء ظلال طويلة (بزاوية 45 درجة وأطول من الطبيعي غالباً) على بعض العناصر ضمن منظور علوي، حيث يظهر هذا التأثير بشكل كبير في الأيقونات ومطبقاً على الشعارات.
سنحت لي الفرصة مؤخراً لاستخدام هذا التأثير أثناء تصميم معايدتنا الرمضانية، وخلال تجربتي وجدت طريقة سريعة لتطبيقه. مع أن هذه الطريقة ليست الأدق، لكنها تعطي نتائج مرضية جداً بالمقارنة مع زمن تنفيذها.
يحل علينا بعد أيام شهر كريم، نسأل الله أن يعيده عليكم بالخير واليمن والبركة، وأن يفرّج عنا أهلنا في سوريا وعن كل من أهمّه شيئ في الدنيا برحمته.
وكالعادة تنتشر المعايدات والتصاميم احتفالاً بشهر البركة، كهذه المعايدة من فريقنا.
تعرفت منذ عدة أشهر على موقع Medium وأعجبت به كثيراً، فهو منصة للنشر في كافة المجالات مع التركيز على المحتوى بشكل كبير، يعتمد البساطة ويبتعد عن البهرجة، والكتّاب ضمنه يعطون أفضل ما لديهم. وقد مررت مؤخراً على مقالة للكاتب Paul Jarvis بعنوان Critiquing mockups: Advice for clients of web design ووجدتها مفيدة جداً وتستحق الترجمة إلى العربية.
لاحظت مؤخراً عجزاً واضحاً على مدونتنا في مواضيع الإلهام، مع أننا نشارك الكثير منها عبر حساباتنا على الشبكات الاجتماعية. ما نوع مدونة التصميم التي لا تنشر مواضيع عن الإلهام؟ صحيح؟
لذا فقد قررت أن أبدأ هذه السلسلة من المواضيع الملهمة، على أمل أن ننشر المواضيع بشكل شبه دوري. لم أقم بتحديدها أسبوعية أو شهرية أو غير ذلك نظراً لكسلي، ولكي لا أعطي وعوداً لا أستطيع الوفاء بها، لكن أعدكم ألّا أتأخر… كثيراً!
جميعنا نعلم أنه يمكن نسخ التأثيرات ضمن فوتوشوب من شفيفة (Layer) إلى أخرى بكل سهولة، كل ما يجب فعله هو الضغط بالزر الأيمن على شفيفة المصدر واختيار Copy Layer Style، ثم الضغط على الشفيفة المطلوبة بالزر الأيمن واختيار Paste Layer Style. ومع أن هذه الوظيفة مفيدة جداً، إلا أن طريقتها في التنفيذ قد لا تصلح في العديد من الحالات.
تابع القراءة لتعرف المشكلة وترى الحل الذي تبين أنه سرّ صغير، لكنه رائع!
تعرفت منذ بضعة أشهر على مكتبة Twitter Bootstrap لبناء واجهات الاستخدام، وكان الحب من الصفحة الأولى، فقد وجدت فيها من الميزات ما يساعدني على إنجاز الأعمال بشكل أسرع وبمعايير عالية وبقلق أقل حيال دعم المستعرضات.
ومع أني قرأت كافة ملفات دعمها وتعلمت ما ينبغي تعلمه، إلا أن الفرصة لم تسنح لي لاستخدامها إلا منذ فترة قصيرة، لتأتي صدمة الواقع العملي. فبرغم جودة المكتبة وميزاتها إلا أنها لا تدعم العربية، أو بالأحرى لا تدعم الاتجاه من اليمين إلى اليسار.
وبما أني أملك من الكسل ما يمنعني من المرور على حوالي خمسة آلاف سطر CSS لتعديلها بما يناسب اتجاه اللغة العربية، فقد كدت أن أستسلم، لكن بحثاً أخيراً يائساً جاءني بالحل.
