أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. Materialize :: 1مكتبة اخترتها على انها الأفضل والأسهل Materual-UI::2مكتبة MUI CSS ::3 مكتبة Polymer ::4 مكتبة Ionic Material ::5 مكتبة Material Foundation :: 6 مكتبة Surface ::7 مكتبة Essence :: 8 مكتبة LumX :: 9 مكتبة Paper Theme for Bootstrap :: 10 مكتبة Material Design for Bootstrap :: 11 مكتبة Angular Material :: 12 مكتبة Material :: 13 مكتبة Phonon :: 14 مكتبة A Suggestion From Our Readers: Framework7 :: 15 مكتبة Bonus: Material Icons :: 16 مكتبة بالتوفيق
مشاركة مميزة
notifications
No posts with label +css. Show all posts
Contact Form
هذا فورم إتصال سريعالمشاركات الشائعة
درس 3: تحديد التشكيلات اللونية في نمط التصميم المادي material design style color
الدرس الثاني حول أهم شيء في الأنماط لدى التصميم المادي الألوان هي أهم شيء في التشكيل النمطي للتصمييم المادي (ماتريال ديزاين) وتوجد أشكال كثيرة ومتنوعة من الألوان, كما هو موضح في هذا الفيديو: لوحة الألوان المادية: من هذه الصفحة ستجد جميع الألوان الخاصة بالتصميم المادي material design color palette لألوان التصميم المادي بعض الخصائص حيث أنها مائلة للواقعية وخالية من التفاصيل حيث يوجد عدد من الألوان الأساسية وألوان أخرى تابعة لها كما نرى: ومن خصائص ألوان التصميم المادي أيضا أنها يمكن دمجها أي الألوان المتضادة لتشكيل واجهة واحدة كهذا المثال لدينا: ويجب عدم استعمال نفس اللون مكررا بل استعمال معاكسه عند محاولة الدمج عنصر فوق عنصر: أما عند استخدامك للون أساسي فيجب استعماله في كل الأشكال ولك الحرية في استعمال الألوان المتفرعة منه: ملاحظة هامة: تستخدم وضع النصوص العادية او الوصف وأمور مشابع لونا حياديا كالأبض والأسوك والمتفرع منهما وتستخدم اللون الذي اخترته في الكلمات الخاصة او الروابط أو شيء مهم فقط. آخر نقطة عن لون الخطوط : في لون الخطوط يجب أن...
حل مشكل عدم عمل الوامب سرفر wampserver بسبب عدم وجود ملف MSVCR110.dll!
ربما ثبت wampserver لكن واجهتك مشكلة رسالة خطأ تقول أن ملف MSVCR110.dll غير موجود أو لم تتم معالجته بصفة صحيحة الحل بسيط ... * للملاحظة فقط البرنامج عند تثبيته يطلب منك تثبيت الأدوات الازمة وهذا حل لهذه المشكلة فقط أي عدم وجود Visual C++ 2012 ! كل ما عليك فعله هو تحميل vcredist_x64.exe أي Visual C++ Redistributable for Visual Studio 2012 أصلا هو ضروري لعدة برامج. ما يهمنا هو ان تذهي لهذه الصفحة : Microsoft Visual C++ Redistributable 2012 - 32-bit (x86) Download أو Microsoft Visual C++ Redistributable 2012 - 64-bit (x64) Download حسب جهازك التثبيت سهل لا داعي لذكره فقط شغله واقرا ووافق على شروط الإستخدام ثم أعد تشغيل الوامب سيرفر وإن شاء الله لن تجد مشاكل بالتوفيق للجميع!
إرسال POST في PHP واستقبال النتيجة بدون تحديث الصفحة باستعمال الجيكوري $.post
درس اليوم بسيط وسهل من العنوان نفهم المضمون سنستخدم الجيكوري لعمل لوحة تسجيل بسيطة دون تحديث الصفحة الأمر بسيط سنبدأ خطوة خطوة: 1.الخطوة الأولى في ملف الرئيسية نضع رمز الجيكوري الذي سنشرحه: $(document).ready(function () { $('#register').submit(function () { $('.result').html('<div class="progress"><div class="indeterminate"></div></div>'); $.post('reg.php', { u_name: $('.u_name').val(), u_pass: $('.u_pass').val(), u_email: $('.u_email').val(), register: 1 }, function (result) { $('.result').html(result); }); return false; }); }); الكود سهل ولكن سنشرحه: 1- بداية وضعهنا تأكيد لما يضغط ويحاول المستخدم إرسال البيانات بحيث#register هو معرف الفورم: $('#register').submit(function () { }); 2- ووضعنا بنهايته لمنع تحديث الصفحة وعمل النافذة لأننا سنرسل البيانات البجيكوري: return false; 3-نعد الـ $.post ونضعا...
كيفية جعل العنصر العناصر في الوسط باستعمال CSS على المحورين (X,Y)
يمكنك توسيط عنصر بمكان ما في الصفحى باستعمال css بعدة طرق. في css لديك إمكانيات كثير لتوسيط العناصر لكن لكل إمكانية فوائدها وسلبياتها: بداية التوسيط على محور الأفقي. لفعل ذلك نستعمل إما: margin: auto; أو text-align: center; أولا margin: auto لهذه الخاصية فائدة جيدة ولكنها تعمل فقط عندما تكون وسم البداي لصفحة html هو <!DOCTYPE html> كمثال: وثانيا باستعمال text-align: center وهذه طريقة أخرى: بهذا النحو سنقوم بجعل البعد عن اليسار أو اليمين هن النصف أي 50% ونجعل العنصر يتبعد بنصف طوله : position: relative; transform: translate(-50%, 0); left: 50%; والآن التوسيط على المحور الأفقي : بهذا النحو سنقوم بجعل البعد عن الأعلى أو الأسفل هن النصف أي 50% ونجعل العنصر يصعد للألعالى بنصف طوله : position: relative; transform: translate(0, -50%); top: 50%; واخير في الأخير سنقوم بتوسيط عنصر من المحورين الأفقي والعمودي: position: relative; transform: translate( -50%, -50%); top: 50%; left: 50%; وسط چین در cssکد css ...
