مشاركة مميزة

    أفضل مكتبات الماتريال ديزاين إن كنت مصمم مواقع أو مطور مواقع أو حتى مبرمج تطبيقات فهذه المكتبات ستفيدك كثيرا فهي توفر كل الادوات والمستلزمات وفق الماتريال ديزاين. 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 مكتبة  بالتوفيق
Image
notifications Showing posts with label css. Show all posts
كيفية جعل العنصر العناصر في الوسط باستعمال CSS على المحورين (X,Y) link open_in_new

كيفية جعل العنصر العناصر في الوسط باستعمال 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 ...
13 مكتبة javascript و css متعددة الإستخدامات بتصميم حديث link open_in_new

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.