أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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 js. Show all posts
قيمة لوحة المفاتيح (keyCodes) + أمثلة بالجافا سكربت
يقابل كل زر في لوحة المفاتيح رمز خاص به .نستطيع استعماله لإظافة عمل عند الضغط عليه كمثال: مثال أخر متقدم إظغط بعد تحديد ثافذة المثال على أزرار التحكم اليمين,اليسار... مثال يشمل أزرار alt و Ctrl ... هنا جدول لمجيع رمزو المفاتيح: Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 alt 18 pause/break 19 caps lock 20 escape 27 (space) 32 page up 33 ...
إرسال 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 ونضعا...
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 . ويمكنك رأيته من الرابط الرسمي انتقال حضا موفقا!
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نقطة أي أنه يدعم أغلب هذه الخصائص! قد يكون استعمالها حاليا شبه منعدم لكن قريبا وفي السنوات القادمة ستكون لا مفر من استعمالها فقد جائت...
