أدوات ومواقع تساعدك في CSS
CSS Tools
أدوات تنسيق CSS :

أدوات ومواقع تساعدك في إنشاء مشروع CSS :
https://www.w3schools.com/css
مرجعك إلى CSS في كل مرحلة وكل تنسيق تريد كتابته بالشكل الصحيح
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
مرجع عناصر CSS
استخدم مرجع CSS هذا لتصفح فهرس أبجدي لجميع خصائص CSS القياسية ، والفئات الزائفة ، والعناصر الزائفة ، وأنواع البيانات ، والرموز الوظيفية ، والقواعد.
يمكنك أيضًا تصفح مفاهيم CSS الرئيسية وقائمة من المحددات مرتبة حسب النوع.
يتضمن أيضًا مرجعًا موجزًا لـ DOM-CSS / CSSOM.
هذا الموقع غني جداً بعناصر CSS وكل رابط من الروابط التالية يعطيك عنوان رئيسي في CSS
Centering in CSS: A Complete Guide | CSS-Tricks – CSS-Tricks
A Complete Guide to Grid | CSS-Tricks – CSS-Tricks
A Complete Guide to Flexbox | CSS-Tricks – CSS-Tricks
font | CSS-Tricks – CSS-Tricks
تعلم التصميم باستخدام CSS (learnlayout.com)
عند الدخول إلى هذا الموقع يُفترض أنك ملم ببعض الأشياء العامة في css، مثل المحددات، والخصائص. أيضًا، ومهتمًا بأمور تصميم المواقع.
OverAPI.com
CSS Cheat Sheet | OverAPI.com
كبسولات أو ما يعرف بورقة الغش
تحتوي على جميع أكواد CSS بصورة مختصرة تمكنك من الوصول إليها بسهولة
فروغي فلكسبكس – لعبة لتعلم الفلكسبكس في CSS (flexboxfroggy.com)
موقع رائع يعلمك flexbox عن طريق اللعب
codrops
CSS Entries Archive – Codrops (tympanus.net)
مرجع CSS شامل يحتوي على جميع الخصائص والمعلومات المهمة
Color Palettes for Designers and Artists – Color Hunt
موقع لوحات الألوان للمصممين يتيح لك أخذ رقم اللون ووضعه في الكود
Buttons with CSS gradients – Gradient Buttons (colorion.co)
موقع يحتوي على مئات من أزرار التدرجات اللونية لـ CSS. بنقرة واحدة إنسخ.
Get Started with the Google Fonts API | Google Developers
يشرح هذا الدليل كيفية استخدام Google Fonts API لإضافة خطوط إلى صفحات الويب الخاصة بك.
Browse Fonts – Google Fonts
تستطيع من خلال هذا الموقع كيفية جلب أنواع خطوط إلى صفحات الويب الخاصة بك.
هذا الموقع غني جداً بالأيقونات التي تستطيع إضافتها إلى موقعك.
Search v5 Icons | Font Awesome
All Icons | IcoFont
اختر أيقوناتك المفضلة من بين آلاف الأيقونات.
😋
😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌
نسخ و 📋 لصق الرموز التعبيرية 👍 لا توجد تطبيقات مطلوبة
🎁
🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more (webfx.com)
كبسولة أو ورقة غش الرموز التعبيرية
✈ هل لديك متصفح حديث أو فلاش ممكن؟ انقر فوق رمز تعبيري وسيتم نسخه إلى الحافظة الخاصة بك.
صانع المجد

0 تعليق