27

شعار مدونة باستخدام CSS

السلام عليكم

انا فى بداية طريقي لاعمل Front-end Web Developer

اردت تطبيق ماتعلمته وهذه هي النتيجة :

http://codepen.io/moonwalke...

شعار مدونة صديقي Linuxawy

بانتظار ارائكم و نقدكم :)

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

1
ahmedsaoud31 أضف ردا

أكثر من رائع :)

0
moonwalker92 أضف ردا

اشكرك اخي الكريم :)

1
mohamed youssouf أضف ردا

جميل و إحترافي مع تفاصيل دقيقة :)

1
akachbat أضف ردا

احترافية ماشاء الله عليك

1
aboumegouass أضف ردا

عمل جيد جدا....اخي

0
abdulaziz noor أضف ردا

جميل ماشاءالله ولكن سؤال

لماذا لاتفكر بالـ SVG ؟

1
moonwalker92 أضف ردا

شكرا لك ..

انا لست مصمم اللوجو فقط قمت بتحويله الي CSS

قمت باستخدام SVG في بعض استايلات الزين فورو وساقوم بتجربة تقنية Responsive SVG

وهو تجاوب الفيكتور كليا مع الشاشات وليس حجمه فقط

1
abdulaziz noor أضف ردا

العفو

نعم تقنية الـ SVG جميلة وكما تفضلت تجاوبها مع جميع الشاشات بكل الاحجام لهذا اصبحت افضلها على الـ CSS

0
jirjawi أضف ردا

اعجبني

0
سلاوي أضف ردا

عمل ممتاز اخي

0
donbassa أضف ردا

إحترافي بمعنى الكلمة و أعتقد أنك على الدرب الصحيح.

ما هي المصادر التي تتعلم منها ؟

1
moonwalker92 أضف ردا

شكرا لك اخي الكريم

قمت بالاشتراك 3 شهور فى موقع TreeHouse واخدت كورس Front-end Web Developer

رابط الموقع :

2
sohaeb أضف ردا

عمل رائع يدل على الإبداع والإتقان الذي تمتلكه ..

موقع TreeHouse مميز حقاً ولن تندم على أي مال تدفعه فيه ..ولكن في حالة واحدة إن كنت تتقن اللغة الإنجليزية بشكل جيد ..

عدا ذلك لا أعتقد أنه أو غيره سيكون مفيداً ..وهذا حالياً ما أقوم به وأنصح أي شخص أن يبدأ بشكل صحيح بحيث يتعلم اللغة الإنجليزية بشكل جيد ..

ومن ثم يتعلم المجال الذي يريده بشكل صحيح عن طريق أشخاص محترفين .. من مواقع مثل Tutsplus أو TreeHouse أو حتى من اليوتيوب ..

أتمنى لك كل التوفيق أخي :)

0
ar4pixel أضف ردا

جميل لكن ارى ان تكون عبارة عن فيكتور SVG افضل بكثير خصوصا ان عملتها متجاوبة مع الشاشات سيصبح العمل متقنا لكن ان تضيع مدة طويلة في عمل شعار css الامر متعب قليلا ولا داعي له.

0
Lun أضف ردا

جميل واصل، لا أرى الأمر متداولا في غير المواقع العربية و يعجبني هذا.

0
Koboki أضف ردا

ما شاء الله عمل جميل ، ولكن لدي ملاحظتان بسيطتان :

الاولى ، لماذا تضع linuxawy# قبل كل شيء ؟ يكفي فقط أن تذكر اسم الكلاس ، فأيهما أفضل " linuxawy .slogan# " أم " slogan. " ؟

الثانية ، لماذا تستخدم ;z-index: 5 على " linuxawy .slogan# " طالما أنها لن تؤثر عليه ؟

0
moonwalker92 أضف ردا

اهلا بك اخي الكريم :

بالنسبة للملاحظة الاولي : ترجع لتعودك على كتابة الكود احيانا لتستهدف id او class يجب عليك استهداف الid داخل الparent الخاص به لذلك كتبتها بهذه الطريقة لاني متعود علي الطريقة

وحتي الفت نظر من لا يستخدمها فهي ف المثال غير مؤثرة ولكن عندك كتابتك كود صفحة يحتوي على العدد من الparent و child للdiv يستحسن جدا التحديد

الثانية : لاني قبل هذا الشكل لم اقم بعمل logo و slogan فى div كامل وقمت بالتعديل بعد ذلك واضافة z-index للtext لقد نسيتها فقط :)

0
waaelg أضف ردا

جدا رائع ، هذا هو المستقبل

0
alfaris أضف ردا

ممتاز عملك، ربنا يوفقك دايماً