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

مدونة اشرف السمهوري .. عمل يديد

ياهلا

انتهيت من تصميم لمدونة اخي العزيز على قلبي جدا “اشرف السمهوري

ashrafmasss

العمل متوافق مع المتصفحات :

  • InterNet Explorer 7
  • InterNet Explorer 8
  • Safari 4
  • FireFox 3.5
  • All Smart Devices

كما يوجد قالب خاص للأجهزة الذكية والنقاله مثل Iphone,Psp,Zune,Nokia

والقالب يتمدد على كل الشاشات وبالالوان الازرق والاحمر والبني :)

بالتوفيق يا اخي اشرف في التدوين والمدونة اليديدة

أستخدم في VISTA

السلام عليكم .

على غرار ما كتبه المدون البحريني Ali7 بشان ما يستخدم في وندوز فيستا بعنوان “استخدم في فيستا” حبيت اشارككم بالفكرة .

- Adobe PhotoShop Cs3 10 Me : البرنامج الشهير لتحرير الصور وتصميم المواقع .

- FlashFXP : برنامج نقل الملفات الى الموقع عن طريق ملقم الاف تي بي FTP

- Microsoft Expression Web 2 : برنامج تحرير وتصميم صفحات المواقع ويدعم لغات كثيرة كـphp/JS/CSS/ASP

-Microsoft Office : حزمة البرنامج المكتبية المشهورة من ميكروسوفت والتي تتضمن الـword/Exel/PowerPoint/Access

- FireFox3&InterNet Explorer7 :للتصفح الانترنت يوميا

- Messenger 8.5 : :)

- Ares : لتنزيل الاغاني

- RealPlayer&Media Player : لتشغيل الاغاني والافلام

- ESET NOD32 : برنامج حماية

غباء المتصفحات ..

السلام عليكم ,,

فايرفوكس

امس كنا نعمل على عمل خاصية نسخ الاكواد في “المربع” ولما انتهينا منه وتمت تجربته على الانترنت اكسبلورر تفاجئنا انه ما يشتغل على الفايرفوكس …

وبعد البحث عن اكواد بديلة لقيت انته الفايرفوكس ما يسمح بالنسخ الا لما يغير المستخدم في الاعدادات . ومافي حل غيره ..

 ie7logo.jpg

واليوم اكتشف صديقي ان لما الموقع فيه صفحات 404 -500 خاصة ما يعرضها اذا كان حجمها اقل من 512 بايت !! وبعد البحث عن الموضوع توضح انه ممكن تلغي الخاصية من اعدادات المتصفح !!..

طبعا انا اعتبرها تخلف وغباء وليس كما يقال “حماية”.