HTML5/CSS3

ياهلا

كنت سابقا عندما اقوم بتصميم اي تصميم على الويب اقوم بأعتماد على التقنيات التي تستخدمها وتقوم بعرضها معظم المتصفحات مثل CSS2.1 والجافا سكربت والاجاكس ! . حتى اتجنب عدم عمل التصميم على بعض المتصفحات المتخلفة التي لازالت لاتدعم التقنيات والمميزات الجديده في لغات البرمجة والتصميم مثل الانترنت اكسبلورر!

عندما اتصفح الويب وابحر في المواقع اجد بعض المواقع التي اوقات اتردد عليها تعمل بكفاءه والتصميم احلى بكثير عندما اتصفح المواقع بواسطة الفايرفوكس او سفاري بعكس عندما اتصفح نفس المواقع على الانترنت اكسبلورر بأختلاف اصداراته عدى التاسع فأني لم استخدمه لفتره كبيره ! مثل حواف المستطيلات (Div) تكون مستديره والظل (shadow) في النصوص ; في حالتي انا لا استخدم هذه الاكواد واذا كنت تطبيق بعض الخواص اعتمد على عملها كصور حتي تعمل مع اكبر قدر من المتصفحات الا ان طريقتي في العمل تقلل من سرعة تصفح الموقع بسبب زياده عدد الصور !

في اخر عمل لي والذي الان انا اعمل عليه وهو عمل لي انا سوف اقوم بنشره عندما يكمل ان شاء الله قمت بعمل الموقع بلغة الاكواد الجديده HTML5 و CSS3 , طريقة كتابة الاكواد في هذه الاصدارات تختلف عن الاصدار القديم والتي تسهل الكثير من الاكواد والعمليات والصور في عملية عمل التصميم ! فمثلا يمكنك تقسيم التصميم الى <header> <footer> وادراج المحتوى في الهيدر والفوتر بكل سهولة على عكس استخدامك Div’s لكل واحد منهم وادراج تنسيقات لكل محتوى منهم , يمكنك تقسيم المحتوى داخل كل قسم الى Sections !

 

قمت برفع صفحة التصميم على صفحة مؤقته حتى اقوم بتجربه الاكواد على المتصفحات فوجدت ان التصميم يعمل بكفاءه على الفايرفوكس 6 والسفاري 5 و الانترنت اكسبلورر 9 وايضا متصفح السفاري في الايباد والايفون ! الا انه لا يعمل بالشكل الصحيح على متصفح البلاكبيري والانترنت اكسبلورر 8 و 7 !

 

ايامكم سعيده

هديان اخر اصدارات المتصفحات

ياهلا ..

قبل كم يوم ومن خلال ابحاري في الانترت وتصفح المواقع والدخول في موقع لاخرج منه بعده وصلات , وجدت صورة في موضوع لأحد المدونات الاجنبية المتخصصه في التصميم والجرافيكس تبين الخط الزمني لتحديثات المتصفحات المشهوره . نيت سكيب كان اول متصفح في العالم من عام 1996 وكان يستحوذ على تصفح الويب ككل الى ان انتهى بعد ذلك ! بعدها ظهر اوبرا في الساحة والذي لم اكن اعرفه ان هذا المتصفح “عجوز” جدا بين المتصفحات حيث انه وصل الى النسخة العاشره الان ! وبعدها صدور المتصفح انترنت اكسبلورر وكانوا هما المنافسين النت سكيب ولكن بعد انتهاء النت سكيب سيطر الانترنت اكسبلورر على الساحة بنسبة كبيره جدا جدا  .. وبعدها وفي الالفية الجديدة ظهرت المتصفحات الجديدة مثل فايرفوكس (كان اسمه مختلفا في البداية) وبعدها سفاري واخيرا كروم ! .. ما استغرب منه هو سرعة تحديث واصدار نسخ جديدة في كروم بشكل ملحوظ ومقلق بعض الشي ! عموما انا لم استخدم هذا المتصفح على جهازي او جهاز استخدمه قط لأني لم ارتح له يوم ! اما الاوبرا والسفاري فالاوبرا جميل جدا ومميز ولكن ايضا استخدامي له بسيط جدا جدا وقد ذكرت السبب سابقا وهو حجم مساحة التصفح وفتح النوافذ في Tab جديد “غصبا” على المبرمجين والبرامج ! فلهذا مصفحي الاول الان هو سفاري …

المقارنة بين الفايرفوكس والانترنت اكسبلورر قد تكون عادة نوعا ما ولكن للتنويه فتوجد اشياء مختلفة لا تجعل هذه المقارنة صحيحة 100% وابرزها هو وجود نسخ من الفايرفوكس لتعمل على معظم انظمة التشغيل مثل الوندوز والماك و اللينكس بمختلف توزيعاته مثل الابونتو اما الانترنت اكسبلورر فلا توجد نسخ لغير نظام الوندوز ! على فكرة انا اعتقد ان هذا غبار من قبل ميكروسوفت فبالمقارنة بينها وبين ابل فأبل احتكارية اكثر لمنتجاتها بصورة غير طبيعية ومع ذلك قامت بتوفير نسخة من متصفحها سفاري لنظام الوندوز !

Continue reading

مقارنة بين المصفحات الشهيره

ياهلا

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

  • انترنت اكسبلورر من شركة ميكروسوفت ووصل للاصدار الثامن
  • فايرفوكس من موزلا وصل للاصدار 3.6
  • سفاري من ابل في الاصدار الرابع
  • اوبرا النسخة الحالية هي 10
  • كروم من قوقل اعتقد انه وصل الى النسخة رقم 4

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

Continue reading

(تصميم) مدونة اسامة عباس

يا هلا ..

 

تصميم يديد في الشهر الكريم لصديقي الصدوق “اسامة عباس” والعمل عباره عن مدونة ناطقة الانجليزية و بدأ التدوين فيها فور تركيب الاستضافة وتضبيط الامور الاساسية فيها , اسامة ليست اول مدونة له ,كانت عنده مدونة بنفس النطاق ولكن هجرها الى ان انتهى حجز الدومن فقام بتجديده وتركيب المدونة من جديد . اسامة حاول حجز نطاق اعجبه ولكن الظروف لم تسمح له بذلك فأن شاء الله تحل المشكلة ويحصل على النطاق المفضل له

osamaabbas

التصميم يعمل بكفاءه على المتصفحات الشهيره كاسبلورر7و8 وفايرفوكس 3.5 و 3.6 الفا وسفاري .. التصميم يحمل الالوان الازرق والاخضر والتصميم ثابت في المتصفح ..

رمضان كريم