اعادة تصميم “اونرجرافكس”

ياهلا

انتهيت من اعادة تصميم موقعي الثاني “ownergraphics” الى شكل وقالب جديد كليا :) يحمل الشكل الجديد قائمة على جهة اليمين ثابته فيها القائمة الرئيسية وبعض المحتوي يظهر على حسب الصفحة

 

 

 

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

يمكنكم زياره الموقع على : http://owner.gs

[زهره الامومة] تصميم tag للملابس

ياهلا …

انتهيت من تصميم وطباعة tag للملابس لمحل “زهره الامومه” المختص في بيع ملابس الاطفال حديثي الولادة !

قمت باستخدام QrCode في اسفل التصميم من الامام وعند مسح الكود بالهاتف المتنقل سوف يحولك الى خرائط قوقل ومكان وجود المحل ! كنوع من الاعلان الذكي للمحل ! ايضا استغليت الجهة الخلفية من الورقة لوضع السعر بخط اليد وتركت فراغات كبيره في الامام لغرض وضع اي شي في المستقبل مثل رقم تسلسلي او ملصق “عرض خاص” او ما الي ذلك ! وتركت مجال اسفل السعر للصق الباركود

[foursquare_venues type=checkins address=1 width=800 stats=1]

التصميم ككل باللغة العربية ولم اضف اي شي بالانجليزية حتي رقم الهاتف كتبته بالارقام العربية ! لاستهداف المشترين العرب بشكل اساسي ١٠٠٪ ولتبيين ان الملابس هي تفصيل محلي وعلي ايدي عربية وليست ملابس جاهزة التصميم والتفصيل !

[Error: The Foursquare API no longer supports requests that do not pass in a version parameter. For more details see https://developer.foursquare.com/overview/versioning]

قالب يديد للمدونة !

ياهلا …

قمت امس برفع القالب اليديد للمدونة ! وهو الاصدار السابع في سلسلة قوالب المدونة ويحمل اسم “aldirazi.eta” و كلمة “eta” كلمة يابانية :) … القالب الان يحمل رقم 7.0 وفي وضع البيتا (تجريبي) وسوف اقوم بالتعديل عليه بعد اخذ ارائكم وانطباعاتكم على التصميم …

التصميم يحمل عمود واحد وقمت بالتخلص من القائمة الجانبية التي عادة ما تكون في المدونات والتي كانت موجوده في سلسلة القوالب التي كانت تعمل عليهم المدونه ! .. فضلت التخلص منه لزياده مساحه التدوينات ولتسهيل عملية القراءه وعدم تشتيت القارئ للموضوع وهو هدفي في النهاية (ايصال المعلومه للزائر) . استخدمت خطوط كبيره وهيدر وفوتر بسيط حتي لا يتوه الزائز بين الروابط .. وضعت محرك البحث في مكان بارز اعلي المدونة حتي يتسني للزائر البحت عن ما يريد بأسرع طريقه وهي البحث ! كما يمكنه الوصول الى المواضيع حسب التصنيف\القسم او حسب الارشيف السنوي او حسب الوسوم من خلال الروابط في اخر المدونة !

استخدمت بعض خواص الـCCS3 في التصميم كالظل خلف العناوين وتحويل صور المعلقين من مربعات الى دوائر ! الا انها لن تعمل على متصفح الانترنت اكسبلورر ٧ او ما قبل ! (اعتقد ان ٨ ايضا لن تعمل فيه الخواص) كما استخدمت بعض خواص css3 لجعل حواف المربعات دوائر في بعض الاماكن كعدد التعليقات وعدد التدوينات في كل قسم وكل سنه ! ايضا لن تعمل على بعض المتصفحات وانما سوف تظهر مربع دون حواف دائريه .

في بعض المحتوي كالعناوين قمت باستخدام خط خاص بواسطه خاصية Font-Face والتي تمكنني من استخدام اي خط دون الضروره الى وجوده في مكتبه الخطوط عن الزائر الا انها ايضا لن تعمل على بعض المتصفحات .. ايضا هنالك مشكلة في اللغة العربية في هذه الخاصية في متصفح اوبرا على الماك فقط ! وقمت بحلها عن طريق تحويل الخطوط عندما يتم طلبها من متصفح اوبرا بشكل عام الى خطوط عادية المستخدمه في باقي المواقع , المشكلة غير موجوده عند استخدام font-face في متصفح اوبرا على الوندوز

مارأيكم في التصميم اليديد ؟