{"id":3397,"date":"2024-01-15T09:20:51","date_gmt":"2024-01-15T08:20:51","guid":{"rendered":"https:\/\/bob-team.de\/wordpress\/?p=3397"},"modified":"2026-04-21T09:23:54","modified_gmt":"2026-04-21T07:23:54","slug":"material-design-lite","status":"publish","type":"post","link":"https:\/\/bob-team.de\/wordpress\/2024\/01\/15\/material-design-lite\/","title":{"rendered":"Material Design Lite"},"content":{"rendered":"<p><a href=\"https:\/\/getmdl.io\">https:\/\/getmdl.io<\/a> + <a href=\"https:\/\/github.com\/google\/material-design-lite\/wiki\">Github\/Wiki<\/a><\/p>\n<p><a href=\"https:\/\/www.sitepoint.com\/practical-introduction-material-design-lite-google\/\">A Practical Introduction to Material Design Lite<\/a><\/p>\n<p><a href=\"https:\/\/www.tutorialspoint.com\/materialdesignlite\/materialdesignlite_quick_guide.htm\">Material Design Lite &#8211; Quick Guide<\/a><\/p>\n<p><a href=\"https:\/\/webdesign.tutsplus.com\/learning-material-design-lite-customizing--cms-24669t\">Customizing<\/a><\/p>\n<p>siehe auch: <a href=\"https:\/\/bob-team.de\/wordpress\/2007\/02\/03\/sonderzeichen-in-xml\/\">Sonderzeichen<\/a><\/p>\n<p><strong>breite Tabelle<\/strong><\/p>\n<p>DIV mit \u00dcberlauf nutzen, damit Tabelle im Layout bleibt<\/p>\n<pre lang=\"css\">width: 100%;\r\noverflow-x: auto;<\/pre>\n<p><strong>Alternativen<\/strong><\/p>\n<p><a href=\"https:\/\/materializecss.com\/\">Materialize<\/a> ersetzt MDL, kein gro\u00dfer Mehrwert<\/p>\n<p><a href=\"https:\/\/bulma.io\/documentation\/elements\/button\/\">Bulma<\/a> reines CSS, ohne JS, gut f\u00fcr eigenes Vanilla JS, siehe <a href=\"https:\/\/youtube.com\/playlist?list=PL4cUxeGkcC9iXItWKbaQxcyDT1u6E7a8a&#038;si=Oz2VsRoEMy8xhNB0\">YouTube-Playlist<\/a> und <a href=\"https:\/\/youtu.be\/LBzZLzu2GKo?si=sCLtUIB_X0A7BEhc\">YouTube-Tutorial<\/a>, <a href=\"https:\/\/bulmatemplates.github.io\/bulma-templates\/\">Templates<\/a><br \/>\n<a href=\"https:\/\/getuikit.com\/docs\/introduction\">UIkit<\/a> modular, gut dokumentiert, an Bootstrap angelehntes (Utility\u2011Klassen, JS\u2011Komponenten)<\/p>\n<p><a href=\"https:\/\/mdbootstrap.com\/learn\/mdb-foundations\/mdb-ui-kit\/about\/\"><del datetime=\"2026-02-19T21:34:32+00:00\">MDBootstrap<\/del><\/a><\/p>\n<p><a href=\"https:\/\/daisyui.com\/components\/button\/\"><del datetime=\"2026-02-19T21:34:32+00:00\">daisyUI<\/del><\/a><br \/>\n<a href=\"https:\/\/minimals.cc\/components\"><del datetime=\"2026-02-19T21:34:32+00:00\">MUI (Minimal UI)<\/del><\/a><\/p>\n<p><a href=\"https:\/\/shoelace.style\/\">Shoelace<\/a> &rarr; <a href=\"https:\/\/webawesome.com\/docs?utm_source=shoelace-docs&#038;utm_medium=web&#038;utm_campaign=wa-dialog\">Web Awesome<\/a><\/p>\n<p><a href=\"https:\/\/tailwindcss.com\/\"><del datetime=\"2026-04-16T06:36:25+00:00\">Tailwind CSS<\/del><\/a> &rarr; <a href=\"https:\/\/ui.shadcn.com\/docs\/installation\/manual\"><del datetime=\"2026-04-16T06:36:25+00:00\">shadcn\/ui<\/del><\/a> <del datetime=\"2026-04-16T06:36:25+00:00\">(available for Next.js, Vite, Laravel, React Router, Astro, and TanStack Start)<\/del><\/p>\n<p><a href=\"https:\/\/tanstack.com\/\"><del datetime=\"2026-04-16T06:39:18+00:00\">Tanstack<\/del><\/a> <del datetime=\"2026-04-16T06:39:18+00:00\">(React Query is compatible with React v18+ and works with ReactDOM and React Native)<\/del><\/p>\n","protected":false},"excerpt":{"rendered":"<p>https:\/\/getmdl.io + Github\/Wiki A Practical Introduction to Material Design Lite Material Design Lite &#8211; Quick Guide Customizing siehe auch: Sonderzeichen breite Tabelle DIV mit \u00dcberlauf nutzen, damit Tabelle im Layout bleibt width: 100%; overflow-x: auto; Alternativen Materialize ersetzt MDL, kein gro\u00dfer Mehrwert Bulma reines CSS, ohne JS, gut f\u00fcr eigenes Vanilla JS, siehe YouTube-Playlist und [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3397","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/posts\/3397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/comments?post=3397"}],"version-history":[{"count":24,"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/posts\/3397\/revisions"}],"predecessor-version":[{"id":4357,"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/posts\/3397\/revisions\/4357"}],"wp:attachment":[{"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/media?parent=3397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/categories?post=3397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bob-team.de\/wordpress\/wp-json\/wp\/v2\/tags?post=3397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}