توقف عن استخدام سكريبتات تدوير المحتوى

قرأت منذ فترة مقالة حول سكريبتات تدوير المحتوى (Sliders أو Carousels) وحججاً مقنعة لعدم استخدامها، وخصوصاً التي تعمل بشكل تلقائي. والآن، مع الطلب الغريب على هذا المكوّن (عملت مرة على موقع طلب صاحبه خمس مناطق للمحتوى الدوار في الصفحة الرئيسية!!!).

أجد الآن أن هذه المقالة تستحق الترجمة علّها تفيد من يهتم بمحتوى موقعه (أو مواقع عملائه إذا كان مصمماً).

توقف عن استخدام سكريبتات تدوير المحتوى

أكمل القراءة

10 مصادر للإلهام لا غنى لك عنها

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

أكمل القراءة

عملية تجميل لموقع جيسترا التعريفي

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

لذا فقد قمت بتخصيص بعض الوقت للقيام بعملية تجميلية للموقع بما يناسب رؤيتنا والمرحلة التي يعيشها عالم الويب اليوم. وخلال ذلك تعلمت ولاحظت بعض الأمور التي أود مشاركتها معكم.

أكمل القراءة

للإلهام 3 – معايدات الفطر 1434

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

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

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

أكمل القراءة

طريقة سريعة لإلقاء ظلال طويلة

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

سنحت لي الفرصة مؤخراً لاستخدام هذا التأثير أثناء تصميم معايدتنا الرمضانية، وخلال تجربتي وجدت طريقة سريعة لتطبيقه. مع أن هذه الطريقة ليست الأدق، لكنها تعطي نتائج مرضية جداً بالمقارنة مع زمن تنفيذها.

أكمل القراءة

للإلهام 2 – تصاميم رمضانية، معايدة، وهدية!

يحل علينا بعد أيام شهر كريم، نسأل الله أن يعيده عليكم بالخير واليمن والبركة، وأن يفرّج عنا أهلنا في سوريا وعن كل من أهمّه شيئ في الدنيا برحمته.

وكالعادة تنتشر المعايدات والتصاميم احتفالاً بشهر البركة، كهذه المعايدة من فريقنا.

أكمل القراءة

مراجعة ونقد التصاميم: نصيحة لأصحاب المواقع

تعرفت منذ عدة أشهر على موقع Medium وأعجبت به كثيراً، فهو منصة للنشر في كافة المجالات مع التركيز على المحتوى بشكل كبير، يعتمد البساطة ويبتعد عن البهرجة، والكتّاب ضمنه يعطون أفضل ما لديهم. وقد مررت مؤخراً على مقالة للكاتب Paul Jarvis بعنوان Critiquing mockups: Advice for clients of web design ووجدتها مفيدة جداً وتستحق الترجمة إلى العربية.

أكمل القراءة

للإلهام 1 – تصاميم ويب مسطحة!

لاحظت مؤخراً عجزاً واضحاً على مدونتنا في مواضيع الإلهام، مع أننا نشارك الكثير منها عبر حساباتنا على الشبكات الاجتماعية. ما نوع مدونة التصميم التي لا تنشر مواضيع عن الإلهام؟ صحيح؟

لذا فقد قررت أن أبدأ هذه السلسلة من المواضيع الملهمة، على أمل أن ننشر المواضيع بشكل شبه دوري. لم أقم بتحديدها أسبوعية أو شهرية أو غير ذلك نظراً لكسلي، ولكي لا أعطي وعوداً لا أستطيع الوفاء بها، لكن أعدكم ألّا أتأخر… كثيراً!

للإلهام 1: تصاميم ويب مسطحة

أكمل القراءة

وظائف مخفية في التعامل مع التأثيرات في فوتوشوب

جميعنا نعلم أنه يمكن نسخ التأثيرات ضمن فوتوشوب من شفيفة (Layer) إلى أخرى بكل سهولة، كل ما يجب فعله هو الضغط بالزر الأيمن على شفيفة المصدر واختيار Copy Layer Style، ثم الضغط على الشفيفة المطلوبة بالزر الأيمن واختيار Paste Layer Style. ومع أن هذه الوظيفة مفيدة جداً، إلا أن طريقتها في التنفيذ قد لا تصلح في العديد من الحالات.

تابع القراءة لتعرف المشكلة وترى الحل الذي تبين أنه سرّ صغير، لكنه رائع!

وظائف مخفية في التعامل مع التأثيرات في فوتوشوب

أكمل القراءة

استخدم تويتر بوتستراب لمواقعك العربية

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

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

وبما أني أملك من الكسل ما يمنعني من المرور على حوالي خمسة آلاف سطر CSS لتعديلها بما يناسب اتجاه اللغة العربية، فقد كدت أن أستسلم، لكن بحثاً أخيراً يائساً جاءني بالحل.

استخدم تويتر بوتستراب لمواقعك العربية

أكمل القراءة