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

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

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

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

أكمل القراءة

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

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

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

أكمل القراءة

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

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

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

أكمل القراءة

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

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

أكمل القراءة

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

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

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

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

أكمل القراءة

نظرة على تطبيق ءمشق

يعلم الكثيرون منا أن شركة وينسوفت إنترناشيونال قامت منذ فترة ليست ببعيدة بإطلاق تطبيقها الجديد، ءمشق.

يقوم هذا التطبيق بمساعدة المصممين (وربما حتى غير المصممين) في الكتابة بالخطوط العربية الكلاسيكية وتعديلها وتشكيلها مع الحفاظ على قواعد الكتابة بهذه الخطوط إلى نحو كبير (سنصل لذلك لاحقاً).

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

تطبيق ءمشق

أكمل القراءة

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

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

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

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

أكمل القراءة

توسيط النص شاقولياً

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

لذا أحببت قبل أن أدخل في موضوع هذا الدرس، أن أبدأ باعتذار لمتابعينا (برغم قلتهم) لهذا الانخفاض في الأداء، ووعد بالعودة للمستوى المعهود وتحسينه في أقرب فرصة، نقدّر دعمكم، وتهمنا آراؤكم ومشاركاتكم.

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

أكمل القراءة

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

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

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

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

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

أكمل القراءة

إنشاء سكريبت لتمرير الصور باستخدام jQuery

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

إنشاء سكريبت لتمرير الصور باستخدام jQuery

أكمل القراءة