تفاصيل أكثر عن نماذج HTML
إستكملت عدة مواضيع سابقة تتحدث عن النماذج في XHTML/HTML وتطرقنا فيها إلى كتابة النماذج ثم تنسيق النماذج البريدي وأخيراً إلى تطبيق واحد حول هذا الموضوع، ويمكنك الرجوع إليها عبر هذه الروابط:
- النماذج في XHTML – الجزء الأول
- النماذج في XHTML – الجزء الثاني
- درس CSS: تنسيق نموذج بريدي
- تطبيق على درس النماذج + إستخدام Javascript
اليوم سنتحدث أكثر عن بعض الأفكار حول نماذج html، سندخل في تحديد نمط تصميم نموذج HTML إضافة إلى نماذج مشهورة على الويب من المواقع العالمية، وبعد ذلك أفكار سريعة حول النماذج تتكون من أمثلة وحلول لبعض المشاكل التي تواجه المصممين في تنسيقهم لمناذج HTML.
وسائل مساعدة لترك دعم الإكسبلورر
مع سيطرة متصفح الفايرفوكس على سوق المتصفحات وإرتفاع نسبة إستخدامه عن نسبة إستخدام إصدارات متصفح إكسبلورر كما توضح إحصائيات موقع W3schools وإنخفاض عدد مستخدمين إكسبلورر 6 خاصة مع إعلان موقع يوتيوب التخلي عن دعم توافق موقعه مع الإصدار السادس لمتصفح إكسبلورر.
ربما قد يعارض الإنخفاض عدة أمور أهمها وجود الإصدار مع نسخ نظام تشغيل ويندوز الذي يستعمله أغلب المستخدمين إضافةً مع وجوده في أجهزة المقاهي والمدارس عموماً والمشكلة هنا عدم توعية المستخدمين بأن هناك إصدار حديث لنفس المتصفح أو وجود متصفحات أفضل.
لذلك سأكتب وسائل تساعد على ترك دعم إكسبلورر بالنسبة للمطورين والمصممين إضافةً إلى طريقة التعامل مع مستخدمين إكسبلورر 6 عند تصفحهم للموقع.
مصادر حول تقنية CSS3
مع ظهور الإصدار الثالث لتقنية CSS منذ فترة من قبل منظمة W3c المستخدمة في تنسيق مواقع الويب بجانب تقنيات مثل HTML، XML والتي لازال فريق CSS WG في منظمة W3c يعمل على الإصدارة الثالثة والتي تدعمها بعض متصفحات التي تعتمد على محرك Gecko و Webkit مثل Firefox و Safari بإستثناء المتصفح Internet Explorer، مع دعمها بعض مميزات CSS3 وليست جميعها، يمكنك رؤية إختبار دعم CSS3 للمتصفحات.
سأعرض مميزات ومصادر الإصدارة الثالثة من تقنية CSS للإستفادة منها وخاصة أنها معتمدة ومستخدمة حالياً في عدة متصفحات ومواقع وبها مميزات يمكن أن توفر عليك والوقت وتضيف المزيد من الجودة والمرونة إلى عملك.
7 أشياء يجب أن تتوفر في دروسنا
الدروس الكتابية تعتبر أحد مصادر التعلم والمنشرة بكثرة على الإنترنت بجانب الدروس الصوتية والمرئية الأخرى وأيضاً الدورات التي هي قد تكون أكثر فائدة وأفضل بالنسبة للمتعلم وحسب أسلوب التعلم الذي يتبعه ، أقصد هنا بالدروس المتعلقة بالتقنية بشكل عام سواء كانت تطوير مواقع ، تصميم ، برمجة ، .. إلخ ، وأيضاً أعني الدروس الكتابية بالتحديد دون غيرها لأنها هي المنشرة حالياً.
تطبيق على خاصية position: تأثير الروابط + واجهة إستخدام
سبق كتبت درس حول خاصية position ، وأردت كتابة دروس أخرى حول هذه الخاصية وسأكتفي به لأني المصادر المتعلقة بها متوفرة وبكثرة جداً بالمواقع الأجنبية فلا حاجة لإعادة الدروس مرة أخرى! ، درس اليوم سيكون عن تطبيق على تأثير المحدد hover ، سواء كنت تريد عمل قائمة روابط أو ملاحة (Navigation) ، أو بنفس الطريقة ولكن على واجهة تستطيع من خلالها التحكم في ظهور الصور التي تريدها بتأثير مؤشر الفأره عليه.
- مثال على الدرس ، تأثير بسيط على كلمة (إشترك الآن) وظهور عبارة الخصم ..
- تحميل الأمثلة.
أفضل +20 معرض أعمال لمصممين جرافك
هذه التدوينة الثانية حول أفضل أعمال مصممي الجرافك (Graphic Design) ( بعد التدوينة الأولى حول أفضل 30 معرض أعمال لتطوير مواقع الويب) ، سأعرض فيها أسماء المصممين أو ألقابهم أو أسمائهم المستعاره مع رابط لمواقعهم الشخصية إضافةً إلى ذلك صور لمواقعهم أو أعمالهم قبل زيارتها ، من أسباب كتابة هذه التدوينة أيضاً قلة مواضيع في مدونتي التي تتحدث عن جرافك ديزاين (Graphic Design)! لذا إحتمال المواضيع القادمة تكون متخصصة في هذا القسم.
Fabien Barral
أفضل +30 معرض أعمال مواقع الويب
الكثير منا يهتم بجمع أعمال مطوري مواقع الويب الآخرين و أكثر الأشياء التي تدعوك لمشاهدة هذه الأعمال هي زيادة فهمك لعمل مثل هذه التصاميم ، معرفة طريقة عملها ، دراسة عناصر الصفحة وتنسيقها ، أفكار لواجهات الإستخدام User Interfaces ، .. بإختصار مصدر إلهام لكل مطور ومصمم ، هذه مجموعة من مفضلتي لأفضل وأكثر من 20 معرض للأعمال إحتفظت بها سابقاً وأحببت مشاركتكم بها مع الروابط والصور.
Authentic Style
