ادوات لتوليد اكواد CSS فى غاية الاهمية لمصممين الويب


 بعض الادوات المساعدة  لتوليد خصائص معينة ل “CSS” بطريقة بسيطة وسهلة وستفيدك حتمًا اثناء تصميم الويب وتضيف تأثيرات جميلة إلى تصميمك.

1. CSS3 Gradient

خاصية Gradient تسمح لك بالتدرج فى الالون من لون إلى لون اخر او التدرج بين مجموعة من الالوان , قبل هذه الخاصية كان عليك استخدام صورة جاهز مما يعنى بطء فى تحميل صفحة الويب , الان بامكانك استخدام هذه الخاصية وتوليد الكود المناسب لما تريد فعله من تدرج من الموقع التالى  CSSMatic Gradient Genertator .

خاصية مهمة جدًا وهى تنعيم الحواف للاشكال مثل المربع والمستطيل وغيرها ونراها كثيرًا فى الازرار على المواقع , عن طريق هذه الاداة هنا  , يمكنك تحديد قيمة التقوس فى الحواف لكل الاركان فى نفس الوقت عن طريق All Corners , او كل حافة على حده عن طريق Top Left , Top Right ,Bottom Left , Bottom Righ . قيمة التقوس تكون بالبكسل دائمًا .

3. Box Shadow 

هذه الاداة تعنى من اسمها توليد ظلال حول العنصر , وهى مهمة جدًا فى اضافة شكل جمالى للعناصر , ومولد هذا كود هذه الخاصية هنا  , يمكنك بكل سهولة من اضافة الظلال دون الحاجة إلى الدخول فى تفاصيل هذا الكود .

مولد ظلال ايضًا ولكن هذه المرة للنصوص , فهذا التأثير الجميل يجعل النص بارز وواضح , يمكنك التغير فى خصائص الخصائص للوصول لنتيجة مناسبة .

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

ربما اردت اضافة بعض Noise إلى الخلفية الخاصة بك لاضافة تأثير جميل , فهذه هى الاداة المناسبة لذلك ويمكنك تجربتها هنا.

الموقع الاخير هو موقع شامل يشمل هذه الخصائص وغيرها سيوفر عليك الكثير من الوقت هنا

2 thoughts on “ادوات لتوليد اكواد CSS فى غاية الاهمية لمصممين الويب

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.