السلام عليكم
انا فى بداية طريقي لاعمل Front-end Web Developer
اردت تطبيق ماتعلمته وهذه هي النتيجة :
http://codepen.io/moonwalke...شعار مدونة صديقي Linuxawy
بانتظار ارائكم و نقدكم :)
شعار مدونة باستخدام CSS
شكرا لك ..
انا لست مصمم اللوجو فقط قمت بتحويله الي CSS
قمت باستخدام SVG في بعض استايلات الزين فورو وساقوم بتجربة تقنية Responsive SVG
وهو تجاوب الفيكتور كليا مع الشاشات وليس حجمه فقط
العفو
نعم تقنية الـ SVG جميلة وكما تفضلت تجاوبها مع جميع الشاشات بكل الاحجام لهذا اصبحت افضلها على الـ CSS
شكرا لك اخي الكريم
قمت بالاشتراك 3 شهور فى موقع TreeHouse واخدت كورس Front-end Web Developer
رابط الموقع :
عمل رائع يدل على الإبداع والإتقان الذي تمتلكه ..
موقع TreeHouse مميز حقاً ولن تندم على أي مال تدفعه فيه ..ولكن في حالة واحدة إن كنت تتقن اللغة الإنجليزية بشكل جيد ..
عدا ذلك لا أعتقد أنه أو غيره سيكون مفيداً ..وهذا حالياً ما أقوم به وأنصح أي شخص أن يبدأ بشكل صحيح بحيث يتعلم اللغة الإنجليزية بشكل جيد ..
ومن ثم يتعلم المجال الذي يريده بشكل صحيح عن طريق أشخاص محترفين .. من مواقع مثل Tutsplus أو TreeHouse أو حتى من اليوتيوب ..
أتمنى لك كل التوفيق أخي :)
جميل لكن ارى ان تكون عبارة عن فيكتور SVG افضل بكثير خصوصا ان عملتها متجاوبة مع الشاشات سيصبح العمل متقنا لكن ان تضيع مدة طويلة في عمل شعار css الامر متعب قليلا ولا داعي له.
ما شاء الله عمل جميل ، ولكن لدي ملاحظتان بسيطتان :
الاولى ، لماذا تضع linuxawy# قبل كل شيء ؟ يكفي فقط أن تذكر اسم الكلاس ، فأيهما أفضل " linuxawy .slogan# " أم " slogan. " ؟
الثانية ، لماذا تستخدم ;z-index: 5 على " linuxawy .slogan# " طالما أنها لن تؤثر عليه ؟
اهلا بك اخي الكريم :
بالنسبة للملاحظة الاولي : ترجع لتعودك على كتابة الكود احيانا لتستهدف id او class يجب عليك استهداف الid داخل الparent الخاص به لذلك كتبتها بهذه الطريقة لاني متعود علي الطريقة
وحتي الفت نظر من لا يستخدمها فهي ف المثال غير مؤثرة ولكن عندك كتابتك كود صفحة يحتوي على العدد من الparent و child للdiv يستحسن جدا التحديد
الثانية : لاني قبل هذا الشكل لم اقم بعمل logo و slogan فى div كامل وقمت بالتعديل بعد ذلك واضافة z-index للtext لقد نسيتها فقط :)
التعليقات