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

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

CSS3 Dropdown Menu

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

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

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

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

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

47Amazing CSS3 Animation Demos

يعرض 47 مثال مدهش عن الحركة في CSS3.

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

مكتبة jQuery هي أحد مكتبات لغة Javascript الشهيرة مجانية ومفتوحة المصدر وتعتبر الأكثر إستخداماً بين المطورين، كما أنها مستخدمة حالياً في أكبر المواقع (بنسبة 20% من 10،000 من المواقع الكبيرة) وإنشأت لتكون التطبيقات المبنية عليها أقل حجماً وتكون سهلة الإستخدام والإختصار للوقت أكثر من غيرها من المكتبات، إضافةً إلى توفر جميع ما يمكن عمله بلغة Javascript بسهولة مثل تحديد عناصر (DOM(Document Object Model ، إنشاء التأثيرات والحركات بأنواعها، إستعمال الأحداث events ودعم أداة الأجاكس.

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

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

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

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

مع سيطرة متصفح الفايرفوكس على سوق المتصفحات وإرتفاع نسبة إستخدامه عن نسبة إستخدام إصدارات متصفح إكسبلورر كما توضح إحصائيات موقع W3schools وإنخفاض عدد مستخدمين إكسبلورر 6 خاصة مع إعلان موقع يوتيوب التخلي عن دعم توافق موقعه مع الإصدار السادس لمتصفح إكسبلورر.

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

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

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

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

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

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

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

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

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

• مصادر الهام تصميم الشعارات
• درس تصميم فوتوشوب صورة ملصقة
• حاول مرة أخرى، وأخرى، وأخرى
• 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

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

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

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

• صحفي بريطاني: إن لم أغضب لأجل غزة فمتى أغضب؟!
• موقع غيوم
• CssGuy
• 10 نصائح في قابلية الإستخدام لمصممي المواقع
• AETUTS ، موقع رائع خاص بدروس Adobe After Effects
• Structured process you must know to develop a web application
• Free online services to bring more value to your blog
• 60Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources

مجموعة روابط مفضلة لآخر يوم من هذه السنة:

• البذخ التقني .. من عالم التقنية.
• 25 مقالة تصميم رائعة لـ 2008.
• أفضل روابط التصميم لشهر ديسمبر.
• مجموعة لأفضل روابط مدونة Just Creative Design لعام 2008.
• Webdesigner Depot ، يضم مصادر عديدة من دروس وملفات وغيرها متعلقة بالتصميم.
• موقع لمصمم جرافك يحتوي على معرض رائع لأعماله.
• Photoshop Tutorial: Designing a Creative Blog Footer
• Battle of the Best Beta Releases of 2008

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

• سولاف ، موقع جديد مختص بعالم التصميم.
• المنطق البرمجي – طريقك لاحتراف البرمجة.
• 25 درس فوتوشوب لمصممي مواقع الويب.
• مصادر ومقالات حول فن الجرافيتي Graffiti.
• الخطوط والويب ، Fonts and the Web.
• iDoTutorials ، مدونة تحتوي على دروس رائعة حول التصميم.
• How to get clients to say yes to your designs.
• 2008Most Popular Design posts, Tutorials and Resources.
• مجموعة كاريكاتيرات منتخبة من مختلف دول العالم حول حادثة حذاء منتظر الزيدي.