مشاركة مميزة

    أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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

شرح مشغل الويب 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/...

مقدمة دورة التصميم المادي (الماتريال ديزاين material design) شرح الأساسيات

مقدمة دورة التصميم  المادي من إعداد -التقني ويب- هذه الدورة ستشمل أهم النواحي في هذا التصميم الرائع في دروس مفصلة مع الأمثلة والتحديثات .       مقدمة تعريفية :    التصميم المادي أو material design بالإنجليزية هو تصميم من تطوير شركة غوغل الرائدة لخدمات الإنترنت... تم إنشاءه لإطفاء طابع واقعي وتصميم جميل على التطبيقات والمواقع والصور ذاتها.    التصميم المادي أو material designهو تصميم حديث ظهر تقريبا 2014 بعد سنتين من ظهور التصميم المسطح (flat design) بقيادة ميكروسوفت وأبل وهو شبيه به تقريبا مع عدد كبير من الخصائص الجديدى والمميزة له حيث يكون التصميم المادي أو material design أكثر شبه بالواقع مع تنظيم أكثر. ويمكنك مراجعة كل شيء عن التصميم المادي من صفحته الرسمية لدى غوغل  https://material.goog... حيث أوضحت جوجل كي شيء عنه .  بداية سريعة في الأساسيات: الطبقات: أهم شيء في التصميم المادي أو material design هو الطبقات ذكرنا سابقا أنه التصميم المادي يجعل كل شيء أكثر واقعية وهذا ما يحصل وتم وضع الطبقات أيضا ليعرف الشخص ...

أيقونات الماتريال ديزاين خط أو SVG

الماتريال ديزين  (تصميم المادة) هو تصميم ابتكرته غوغل ويستحوذ على مجموعة كبيرة من المواقع وجميع تطبيقات غوغل تقريبا.   يضم الماتريال ديزين العديد من القواعد تجعل الأيقونات التي يستخدمها مغايرة للأيقونات العادية لذا أنشأت جوجل هذه الأيقونات. ويتم استعمال هذه الأيقونات وفق قواعد بينتها جوجل في الرابط الرسمي للماتريال ديزاين ستساعد  على معرفة الإستعمال الصحيح الآن بعد ان عرفت كيف تستخدم هذه الأيقونات الآن كيف تحصل عليها لإظافة الأيقونات لموقعك يكفي وضع استدعاء على هذا الشكل في head : <link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet"> أو عن طريق تحميل الخط واستعماله كباقي الخطوب من الرابط https://github.com/google/material... واستعماله عادي مثال: @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regul...

أفضل مكتبات الماتريال ديزاين للمواقع والتطبيقات - 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 مكتبة  بالتوفيق