Dies ist eine Sammlung klassenloser CSS-Themen zur Verwendung als Ausgangspunkte in der Webentwicklung. Quelle dahinter. Wie bekomme ich dieses Thema? Fügen Sie diesen Snippet in den <head> Ihrer Website ein. Einen Fehler gefunden? Möchten Sie ein Thema zur Liste hinzufügen? Siehe cssbed-Quelle auf github.
Sehen Sie sich dieselbe Seite in einem anderen klassenlosen Thema an: HTML only, awsm.css, bahunya, bamboo, bootstrap, evenbettermotherfucking, holiday.css, kacit, marxy, meyer, minicss, mvp.css, no-class, pico.css, sakura, sakura-vader, simple.css, stylize.css, tacit, thebestmotherfucking, tufte, vanilla-css, w3c-chocolate, w3c-traditional, water.css-dark, water.css-light, wright, yorha.
Warum klassenlose Themen verwenden? Responsiv. Gute Browserunterstützung. Schön. Kleine Größe (< ein paar kb) - Sie verschwenden keine Bytes mit jedem erdenklichen Widget. Keine Lernkurve - verwenden Sie HTML wie gewohnt, anstatt in die Dokumentation zu gehen, um zu erfahren, welche Klasse was tut und gegen das Framework kämpfen zu müssen. Ursprünglicher Hacker News-Thread. Ist es responsiv? Und ob! Es enthält keine ausgefallenen Stile, daher ist es leicht mobil responsiv. Fügen Sie einfach das berühmte responsive Viewport-Tag hinzu, und schon sind Sie startklar! Versuchen Sie tatsächlich, die Größe dieser Seite zu ändern. Alles fließt super, wie Sie sehen werden.
Element-Demos: Dies soll eine Demo-Seite sein, also brauchen wir mehr Elemente! Formularelemente. Code: Unten ist etwas Code, den Sie mit Strg-C kopieren können. Wussten Sie, dass alert(1) einen Alert in JavaScript anzeigen kann! // Dies protokolliert eine Nachricht in der Konsole console.log('Hello, world!'). Sonstiges: Hier ist eine horizontale Linie und ein Bild, weil ich nicht weiß, wo ich sie sonst hinsetzen soll. Dies ist ein oder ein formelleres. Dies ist ein Blockzitat. Guter alter vorformatierter Text, überhaupt kein Code. Und hier ist eine schön ausgezeichnete Tabelle! Name: Godzilla, Menge: 2, Preis: $299.99; Name: Mozilla, Menge: 10, Preis: $100,000.00; Name: Quesadilla, Menge: 1, Preis: $2.22. Typografie: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Dies ist stark, dies ist normal, dies ist nur fett, und dies ist hervorgehoben! Und hier, ein Link.
Quelle: Hacker News · Zusammengefasst von HeadlinesBriefing