أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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
شرح Schema Markup لإستعمالها في موقعك وتحسين محركات البحث!
-ما هو مشروع Schema.org؟: هو مشروع من جوجل مع ياهو وبينع لتحسين جوة البحث عن طريق وضع أداوت وتقسيمات تميز المواقع وطرق عرضها في محرك البحث. جميع علامات Schema موجودة في Schema.org ونحن سنشرح بعض الامور عنها. يتم إظافت رموز سكيما في صفحة html . Articles Local businesses Restaurants TV episodes and ratings Book Reviews Movies Software Applications Events Products - كيف تحدد محتوى موقعك؟ يمكنك تحديد نوع ومحتوى موقعك بأمور عديدة كموقع أفلام مقالات ووو... ويتم الأمور ببساطة كالتالي: <div id="body-wrapper" itemscope="" itemtype="http://schema.org/Article">...</div> سنستخدم أداة من غوغل مخصصة للبيانات المنضمة وسهلة التعامل ثم سنضيف الرموز طبعا لما ذكرناه 1) توجه لهذه الصفحة https://www.google.com/webmas... وضع رابط موقعك أو HTML الذي تعمل عليه مباشرةً واختر تصنيف موقعك لأن الامر يختلف في ما يجب وجوده من تصنيف لآخر: -بعدها انتقل للصفحة الموالية بالظغط علىالزر. الىن قم باختيار العناصر وإعطائها وسومها حسب ما اخترت في ا...
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نقطة أي أنه يدعم أغلب هذه الخصائص! قد يكون استعمالها حاليا شبه منعدم لكن قريبا وفي السنوات القادمة ستكون لا مفر من استعمالها فقد جائت...
