أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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
Showing posts with label مكتبة. Show all posts
لوحة تسجيل دخول بالماتريال ديزين بالستعمال مكتبة materializecss
لوحة تسجيل دخول بالماتريال ديزين إظافة جميلة وائعة وسهلة بنفس الوقت ستجعل عملك أفضل وأكثر روعة سنستعمل مكتبة materializecss.com قبل التطرق للطريقة ها هو مثال مباشر : See the Pen نافذة تسجيل دخول بالماتريال ديزاين - التقني ويب by mohamed ( @ateweb ) on CodePen . حملها ضعها في مجلد المشروع وفي الصفحة الرئيسية على هذا الشكل <html> <head> <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css" > <link href = "login_style.css" type = "text/css" rel = "stylesheet" /> <script type = "text/javascript" src = "jquery.js" ></script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js" ></script> </head> <body> <div id = "wrapper" > <div id = "login_div" > <form method = "post...
13 مكتبة javascript و css متعددة الإستخدامات بتصميم حديث
13 مكتبة جافا سكربت وcss مفيدة لمشروعك على الويب اخترنا هذه المكتبات بالترتيب لمميزات تأهلها كالتصمي العصرى وكونها عملية جدا بدون إطالة نبدأ Offline.js للتعامل مع AJAX Algolia Places غني عن التعريف Please.js للتعامل مع الألوان تكمل مهمتها في إعطاء لون عشوائي Holmes تختص بالبحث Monkberry هذه المكتبة السريعة والخفيفة ستفيدك كثيرا رغم صغرها Zingtouch متبة للرسومات البيانية Anime.js مكتبة رائعة إسمها يعبر عن محتاواها هي تتعامل مع SVG وتحريكه بالcss Chocolat.js هذه المكتبة الخارقة في الوسائك امتشفها بنفسك ;) Stretchy Shine.js BackgroundCheck Logerr Bigfoot This jQuery plugin turns classic bottom-of-the-page footnotes into modern pop-up tooltips.
مكتبة هادرومو لإظافة تأثر جميل لقائمة الموقع Headroom.js
مكتبة هاد رومو هي من إظافات الجيكوري أي تحتاج إلى الجيكوري لتعمل تتمحورهذه المكتبة الرائعة هي تفوم بعمل بسيط ولكن المكتبة تعطي للقائمة كلاس (فئة) عند الاوضاع التالية: - عندما يكون الموقع في الأعلى - عندما يكون الموقع في الأسفل - عندما يكون الموقع في حالة صعود - عندما يكون الموقع في حالة نزول مثلا لو كنت تريد إبقاء القائمة قريبة من المستخدم عند نزوله لايراها ولكن بمجرد صعودة قليلا ستضهر دون عناء الصعود لأعلى كليا هذا مثال يمكن تعديله: See the Pen Headroom.js demo by mohamed ( @mohamedlonise ) on CodePen . ويمكنك رأيته من الرابط الرسمي انتقال حضا موفقا!
أفضل مكتبات الماتريال ديزاين للمواقع والتطبيقات - 16 مكتبة متكاملة -
أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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 مكتبة بالتوفيق
Contact Form
هذا فورم إتصال سريعالمشاركات الشائعة
شرح مشغل الويب Video.js وتخصيص تصميم بالـ CSS
Video.js هي إظافة معروفة كمشغل فيديو للويب بعد ظهور HTML5 حيث لم يكن تشغيل الفيديو ممكنا قبلا إلى باستعمال تقنية الفلاش المليئة بالعيوب والثغرات. طريقة إظافة الأداة بسيطة نستعمل الشكل التالي عموما -الإصدار الحالي هو 5-: < head > < link href = "https://vjs.zencdn.net/5-unsafe/video-js.css " rel = "stylesheet" > </ head > < body > <video id="my_video_1" class="video-js vjs-default-skin" width="640px" height="267px" controls preload="none" poster='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdJB0ampV7T_N0J4Q8JNSGAi8OBaE6jtnsZnxu7j_1X-iX_MiKhUnXhZxcZZ150CEXHQAa0sqWkUfxQ0qnlIWM5Qhr9ATJKlRL8WG1F1SEYG0mFbjbtDTuqH_A-U8mdBLvgeIGrHDRGE8/w640-c-h267/graphic-designer-1288477.jpg' data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'> <source src="http://vjs.zencdn.net/v/...
أفضل مكتبات الماتريال ديزاين للمواقع والتطبيقات - 16 مكتبة متكاملة -
أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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 مكتبة بالتوفيق
مقدمة في CSS4 و HTML6
CSS4 و HTML6 نعم صحيح وليس خطأ في الكتابة فقد بدا بروزهما منذ اكثر من ثلاث سنوات ولكن الىن صارت أغلب المتصفحات الرئيسية تدعمها غذا حان الوقت إستعمالها فكما في CSS3 و HTML5 يجب علينا تعلمهما ومتاكد من انك كمبرمج ويب ستستعملهما عما قريب. بداية سنبدأ في CSS4 لأنها صارت شبه مدعومة كليا للمتصفحات الرئيسية في CSS4 حاليا توجد ثلاث أصناف من الخصائص - خصائص تم تطويرها عن CSS3 أو CSS4مثل :not() - خصائص مدعومة (متواجد وربما كانت متواجدة قبل أربع سنوات من 2012) - خصائص غير مدعومة حاليا أو قيد التطوير - خصائص محذوفة (هناك بعض الخصائص قامت منضمة الويب العالمية W3C بحذفها ربما لأخطاء أو لعدم جدواها كـ ( E /foo/ F و !E > F ) أما HTML6 فهي كذلك مثل CSS تقريبا ولكن بخصوص دعم المتصفحات يمكنك احتبار متصفحك من هذا الموقع لإختبار HTML6 ومميزاتها وتوافقها مع متصفحك : فمثلا انا لي فير فوكس أحدث نسخة حالياً 49 وحصلت على 482 نقطة من أصل 555نقطة أي أنه يدعم أغلب هذه الخصائص! قد يكون استعمالها حاليا شبه منعدم لكن قريبا وفي السنوات القادمة ستكون لا مفر من استعمالها فقد جائت...
