العودة   منتديات المجاوشي > منتديات مجاوشي للترفيه والتسلية > :: RSS :: > Arabic Rss
Arabic Rss Arabic Rss تنويه : المعهد غير مسؤول عن ما يحويه هذا القسم .... وجب لاتنويه والتحذير

الملاحظات


10 أدوات مفيدة لتسهيل التصميم بـ css3 ( عشر مواقع لتصميم اكواد css3 ) .

Arabic Rss


 
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 06-06-2011
الصورة الرمزية RSS
RSS غير متواجد حالياً
ناقل الأخبار
 
تاريخ التسجيل: 11 - 2 - 10
المشاركات: 632,151
RSS is on a distinguished road
افتراضي 10 أدوات مفيدة لتسهيل التصميم بـ css3 ( عشر مواقع لتصميم اكواد css3 ) .



بسم الله الرحمن الرحيم :) .

السلام عليكم ورحمه الله وبركاته :icon30: .

في الواقع، CSS3 هي تطور عظيم لخواص التصميم و CSS القديمة، لقد أتاحت لمطوري الوب إضافة تأثيرات جمالية كثيرة لمواقعهم، بدون إصابة الرأس بصداع. عدة أدوات يمكن أن تختصر الوقت وتساعدك بشكل كبير على تصميم موقعك مع CSS3، في هذه المقالة، قمت بتجميع أكثر 10 أدوات قد تكون مفيدة لك جداً ومساعدة في التصميم.


1- CSS3 Pie


هل تفاجأت لأن دعم مستعرض الانترنت (IE 6+) شبه معدوم، للأسف قد يصادفك وجود زبون يريد منك أن تصمم موقعه كي يظهر كما في المستعرضات الحديثة، لكنك فكرت أن ذلك لا يمكن في IE, إذاً إليك الحل, موقع CSS3 Pie يخوّلك للقيام بأغلب خواص الإصدار الثالث من CSS على IE.


-----

2- CSS3 Builder



يستخدم هذا الموقع واجهة تفاعلية تشبه تماما واجهة برنامج الفوتوشوب (PhotoShop) تستطيع من خلاله تصميم مربعات جميلة جداً. أداة تفيد في حفظ الوقت بشكل رهيب.


-----


3- CSS3 Drop shadow generator


هذا الموقع يشبه جداً الموقع السابق إلا أنه في هذا الموقع يوجد مزلق تستطيع به التحكم تفاعلياً، كما تستطيع تحديد عرض وارتفاع المربع. قم بنسخ الكود الذي تلقاه في الأسفل واستمتع !


-----

4- Cascader



هذه الأداة, بالحقيقة, ليست مخصصة لـ CSS3 بشكل خاص، بل CSS بشكل عام، إذا كان لديك ملف HTML مضمن بداخله تعليمات CSS، وأنت تريد فصل الـ CSS عن الكود الأساسي، فهذه الأداة موجهة لفعل ذلك. أداة رائعة فعلاً.


------

5- Border Radius.com



خاصية border-radius واحدة من أهم الخاصيات الجديدة في CSS3، هذه الأداة تجعلك قادر على صنع المربعات بسرعة والحصول على كود الـ CSS3.


-----

6- Button Maker



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


-------

7- CSS3 Generator



هذا الموقع لديه أغلب خواص CSS3، كما يظهر لك أن هذه الميزة تعمل على المتصفحات من الإصدار كذا وفوق مثلاً.





------

8- Modernizr



هو سكربت يكشف إذا كان المتصفح يدعم CSS3، فإذا كان يدعم فإنه يطبق تعليمات CSS المحددة، وإلا فإنه سيطبق تعليمات CSS التي تحددها أنت إذا لم يكن المتصفح يدعم CSS3، أي ببساطة يشبه الشرط (إذا كان فافعل وإلا).


------

9- HTML 5 & CSS3 Support



هل تريد أن تعرف هل إنترنت إكسبلورر يدعم خاصية text-shadow مثلا؟ فقط ألق نظرة على هذا الموقع الذي يحدد المتصفحات والخواص التي تدعمها.


------

10- ورقة غش CSS3



عندما تقوم بكتابة الأكواد, فورقات الغش تكون مفيدة جداً كي تتذكر بعض الخصائص وبناء الجمل, قامت مجلة Smashing بإصدار هذه الورقة من الغش لـ CSS3، بإمكانك تحميلها وطباعتها، هنا(اضغط الزر اليمين ثم حفظ باسم) .


------

هذه المقالة مترجمة بتصرف من المصدر . نقل من f-bawadekji ~

اتمنى منكم الاستفاده من المواقع :icon30:

اخوكم اورجينال .









أكثر...
 

مواقع النشر (المفضلة)


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
برنامج التصميم الهائل Xara Photo & Graphic Designer 7 لتصميم الصور العادية والمتحركة RSS Arabic Rss 0 06-01-2011 12:40 PM
اخر تصميماتي موقع جلف سيب مطلوب النقدhtml 5 &css3 RSS Arabic Rss 0 05-17-2011 02:30 PM
دليل مواقع عالم التصميم اضف منتداك واربح ارشفه RSS Arabic Rss 0 02-23-2011 12:24 PM
[Css] : حصرياً كود إنشاء الحدود الملونة مع CSS3 RSS Arabic Rss 0 11-22-2010 08:49 PM
مواقع مفيدة لإضافة التأثيرات على الصور والكتابه عليها RSS Arabic Rss 0 06-07-2010 11:51 PM


Loading...


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. منتديات بلاك بيري mjawshy.net
المجاوشي للتقنية المتقدمة