16
سبتمبر
2011

HTML5/CSS3

16.09.11 - 09.09
62 مشاهدة
التعليقات [1]

ياهلا

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

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

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

 

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

 

ايامكم سعيده

> الوسوم :, , , , , ·
05.04.11 - 02.04
61 مشاهدة
التعليقات [0]

ياهلا ..

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

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

المزيد

11.03.10 - 01.03
254 مشاهدة
التعليقات [6]

ياهلا

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

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

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

المزيد

25.08.09 - 01.08
107 مشاهدة
التعليقات [0]

يا هلا ..

 

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

osamaabbas

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

رمضان كريم