مدونة مبدع خلاصات تطوير الويب والتصميم

مع ظهور الإصدار الثالث لتقنية CSS منذ فترة من قبل منظمة W3c المستخدمة في تنسيق مواقع الويب بجانب تقنيات مثل HTML، XML والتي لازال فريق CSS WG في منظمة W3c يعمل على الإصدارة الثالثة والتي تدعمها بعض متصفحات التي تعتمد على محرك Gecko و Webkit مثل Firefox و Safari بإستثناء المتصفح Internet Explorer، مع دعمها بعض مميزات CSS3 وليست جميعها، يمكنك رؤية إختبار دعم CSS3 للمتصفحات.

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

.. إقرأ بقية الموضوع »

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

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

.. إقرأ بقية الموضوع »

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

.. إقرأ بقية الموضوع »

مصادر يحتاجها المصممين من مواقع ومجتمعات إلكترونية ومدونات مصممين لقراءة المزيد حول التصميم أو جرافيك ديزاين Graphic Design ومصادر الإلهام وأدوات للمصممين المجانية (هدايا ترويجية Freebies – أعتقد أن ترجمتها هكذا!)، أجمع لكم مصادر مهمة للمصممين أتابع بعضها وكنت أتابع أخرى منها ولازلت أتابعها وقت الحاجة أقدمها لكم عبر هذه التدوينة.

يمكنك متابعة هذه المصادر عندما تحتاج لها أو دائماً كالمدونات والمجلات الإلكترونية، يمكنك قراءة موضوع آخر كتبته حول أفضل +20 معرض أعمال لمصممين جرافك.

.. إقرأ بقية الموضوع »

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

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

.. إقرأ بقية الموضوع »

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

.. إقرأ بقية الموضوع »

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

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

.. إقرأ بقية الموضوع »

• مصادر الهام تصميم الشعارات
• درس تصميم فوتوشوب صورة ملصقة
• حاول مرة أخرى، وأخرى، وأخرى
• 12 إضافة ووردبريس لمطوري القوالب
• Save IE6 ، حملة غريبة لمتصفح الإكسبلورر
• 10 تقنيات تصميم رائعة وبسيطة
• Flashtuts+ ، موقع جديد لدروس وملحقات الفلاش تابع لشبكة tuts للدروس.
• The 15 Most Popular Text Editors for Developers
• Logo Design Process and Walkthrough for Vivid Ways
• 40 Fresh websites for daily visual inspiration
• How To Create A Great Web Design CV and Résumé؟
• Interface Design Inspiration | 36 Beautiful Login Page/Form Designs

• قيم 2.0: الاطلاق, الحفل, والفريق
• أسبُوع الفلَّـة: الجدول + المشاركة
• csseven ، مدونة الأخ نعيم الجديدة ..
• Icon Pedia ، خاص بالأيقونات
• دورة CSS من مدونة تصميم مصري (ملخص الدورة)
• مدونة جوجل باللغة العربية
• The Design Inspiration ، معرض رائع للشعارات.
• Blue Vertigo ، دليل قديم يحتوي على الكثير من المصادر الخاصة بأدوات التصميم ( صور ، خطوط ، فرش ، .. )
• BackTwounds ، خلفيات مجانية خاصة لحسابات التويتر.
• Ecoki ، مجتمع متخصص في نمط الحياة ولا أتابع الموقع ولكن أعجبني جداً تصميمه وتنسيقه إبتداءاً من الصفحة الرئيسية.
• 18WordPress Plugins for RSS Management and Tweaks
• The world’s biggest post about Photoshop
• Interface Design Inspiration | 36 Beautiful Login Page/Form Designs

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

.. إقرأ بقية الموضوع »

• مدونة محمد سعيد احجيوج ، حول التدوين الإحترافي والإعلام الجديد.
• أيقونتي ، موقع جديد خاص بالبحث عن الأيقونات.
• [طرق عملية لنشر الفائدة] المعرفة بأسطر قصيرة
• 34 قائمة لخدمات تحويل التصاميم من PSD إلى XHTML
• Bring Down ، حملة جديدة ضد متصفح الإكسبلورر 6
• فيديو حول تطبيق iStanford ،خاص بهاتف iPhone وتابع لجامعة ستانفورد الأمريكية.
• Best Photoshop Tutorials، موقع لدروس الفوتوشوب.
• Academic Earth ، يحوي آلاف المحاضرات بمختلف الأقسام والخاصة بالجامعات والكليات والمدارس ، كنت أتمنى من قبل مشاهدة المحاضرات تبث من أفضل الجامعات العالمية من قبل وهذا الشيء أيضاً وجدته في YouTube مثل قناة Stanford وغيرها والآن أستطيع المشاهدة عبر هذا الموقع.
• Css Magazine ، معرض CSS جديد.
• The Importance of Wireframing
• 400+ Creative Business Card Designs
• 100 Great Resources for Design Inspiration
• 110+ Awesome Resources for Popular Adobe Products
• Logo Design Trends 2009

• كتابي الخامس: التسويق للجميع
• تلميحات تطوير الويب 10
• بوابتك نحو عالم التصوير الرقمي
• رسالة إلى كل شاب طموح يعاني من بيئة سلبية
• مصمم أو مبرمج أو مصور هل جربت بيع أعمالك على الأنترنت ..
• 40 مكتبة جافاسكربت مفيدة
• 6 طرق لنشر كتابك الخاص
• 10 خطوات لموقع معرض أعمال (Portfolio) مثالي
• rzmota.com ، تصميم واجهة الموقع رائعة.
• IconDock ، موقع خاص لشراء الإيقونات أعجبتني فكرته وتصميمه.
• Better Blogger ، مدونة متخصصة في التدوين وكسب المال عن طريق التدوين ستفتح قريباً صاحبها المصمم David Leggett صاحب موقع الرائع الخاص بدروس الفوتوشوب والتصميم Tutorial9.net وأيضاً موقع UX Booth ، هناك مقابلة سابقة معه قرأءتها السنة الماضية ومقابلة جديدة في نهاية شهر يناير لهذا العام.
• 39Olympic Logos From 1924 to 2012
• Creative Bookmarks: Best of February 2009
• 6Interesting online presentations for web developers
• 26New And Awesome Web Apps You Probably Don’t Know About
• A Decade Of Web Design In Pictures – 1997 to 2009
• Wildlife Photography Tips: Take Better Wildlife Photos
• 85Tools & Resources for Freelancers and Web Workers

أعتذر لقلة تدويناتي في الفترة الحالية بسب الإنشغال ، سأحاول أن أعود في أقرب وقت ممكن للتدوين.

سبق كتبت درس حول خاصية position ، وأردت كتابة دروس أخرى حول هذه الخاصية وسأكتفي به لأني المصادر المتعلقة بها متوفرة وبكثرة جداً بالمواقع الأجنبية فلا حاجة لإعادة الدروس مرة أخرى! ، درس اليوم سيكون عن تطبيق على تأثير المحدد hover ، سواء كنت تريد عمل قائمة روابط أو ملاحة (Navigation) ، أو بنفس الطريقة ولكن على واجهة تستطيع من خلالها التحكم في ظهور الصور التي تريدها بتأثير مؤشر الفأره عليه.

• مثال على الدرس ، تأثير بسيط على كلمة (إشترك الآن) وظهور عبارة الخصم ..
• تحميل الأمثلة.

.. إقرأ بقية الموضوع »

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

.. إقرأ بقية الموضوع »

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

Fabien Barral

.. إقرأ بقية الموضوع »