CSS Tools

أدوات تنسيق CSS :

أدوات ومواقع تساعدك في إنشاء مشروع CSS :

w3schools

https://www.w3schools.com/css

مرجعك إلى CSS في كل مرحلة وكل تنسيق تريد كتابته بالشكل الصحيح

mozilla

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

مرجع عناصر CSS

استخدم مرجع CSS هذا لتصفح فهرس أبجدي لجميع خصائص CSS القياسية ، والفئات الزائفة ، والعناصر الزائفة ، وأنواع البيانات ، والرموز الوظيفية ، والقواعد.

يمكنك أيضًا تصفح مفاهيم CSS الرئيسية وقائمة من المحددات مرتبة حسب النوع.

يتضمن أيضًا مرجعًا موجزًا لـ DOM-CSS / CSSOM.

css tricks

هذا الموقع غني جداً بعناصر 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

learn layout

تعلم التصميم باستخدام CSS (learnlayout.com)

عند الدخول إلى هذا الموقع يُفترض أنك ملم ببعض الأشياء العامة في css، مثل المحددات، والخصائص. أيضًا، ومهتمًا بأمور تصميم المواقع.

overapi

OverAPI.com

CSS Cheat Sheet | OverAPI.com

كبسولات أو ما يعرف بورقة الغش

تحتوي على جميع أكواد CSS بصورة مختصرة تمكنك من الوصول إليها بسهولة

flexbox froggy

فروغي فلكسبكس – لعبة لتعلم الفلكسبكس في CSS (flexboxfroggy.com)

موقع رائع يعلمك flexbox عن طريق اللعب

codrops

codrops

CSS Entries Archive – Codrops (tympanus.net)

مرجع CSS شامل يحتوي على جميع الخصائص والمعلومات المهمة

Color Hunt

Color Palettes for Designers and Artists – Color Hunt

موقع لوحات الألوان للمصممين يتيح لك أخذ رقم اللون ووضعه في الكود

Gradient Buttons

Buttons with CSS gradients – Gradient Buttons (colorion.co)

موقع يحتوي على مئات من أزرار التدرجات اللونية لـ CSS. بنقرة واحدة إنسخ.

Developers Google

Get Started with the Google Fonts API  |  Google Developers

يشرح هذا الدليل كيفية استخدام Google Fonts API لإضافة خطوط إلى صفحات الويب الخاصة بك.

Fonts Google

Browse Fonts – Google Fonts

تستطيع من خلال هذا الموقع كيفية جلب أنواع خطوط إلى صفحات الويب الخاصة بك.

Font Awesome

هذا الموقع غني جداً بالأيقونات التي تستطيع إضافتها إلى موقعك.

Search v5 Icons | Font Awesome

Cheatsheet | Font Awesome

Font Awesome Icons

icofont

All Icons | IcoFont

اختر أيقوناتك المفضلة من بين آلاف الأيقونات.

Get Emoji

😋

😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌

نسخ و 📋 لصق الرموز التعبيرية 👍 لا توجد تطبيقات مطلوبة

Web FX

🎁

🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more (webfx.com)

كبسولة أو ورقة غش الرموز التعبيرية

✈ هل لديك متصفح حديث أو فلاش ممكن؟ انقر فوق رمز تعبيري وسيتم نسخه إلى الحافظة الخاصة بك.

---

صانع المجد