Ceci est une collection de thèmes CSS sans classes à utiliser comme points de départ dans le développement web. Source derrière celui-ci. Comment obtenir ce thème ? Collez cet extrait dans le <head> de votre site web. Vous avez trouvé un bug ? Vous voulez ajouter un thème à la liste ? Voir la source cssbed sur github.
Voir cette même page dans un thème sans classes différent : 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.
Pourquoi utiliser des thèmes sans classes ? Responsive. Bon support des navigateurs. Beau. Petite taille (< quelques ko) - vous ne gaspillez pas d'octets sur chaque widget imaginable. Pas de courbe d'apprentissage - utilisez HTML comme vous le feriez normalement au lieu d'aller dans la documentation pour apprendre quelle classe fait quoi et devoir lutter contre le framework. Fil Hacker News original. Est-ce responsive ? Bien sûr ! Il n'inclut aucun style fantaisiste donc il est facilement responsive pour mobile. Ajoutez simplement la fameuse balise viewport responsive et vous serez prêt ! En fait, essayez de redimensionner cette page. Tout s'écoule super bien comme vous le verrez.
Démonstrations d'éléments : C'est censé être une page de démonstration donc nous avons besoin de plus d'éléments ! Éléments de formulaire. Code : Ci-dessous du code, vous pouvez le copier avec Ctrl-C. Saviez-vous que alert(1) peut afficher une alerte en JavaScript ! // Ceci enregistre un message dans la console console.log('Hello, world!'). Autre : Voici une règle horizontale et une image car je ne sais pas où les mettre ailleurs. Ceci est un ou un plus formel. Ceci est un blockquote. Bon vieux texte préformaté, pas de code du tout. Et voici un tableau bien balisé ! Nom : Godzilla, Quantité : 2, Prix : $299.99 ; Nom : Mozilla, Quantité : 10, Prix : $100,000.00 ; Nom : Quesadilla, Quantité : 1, Prix : $2.22. Typographie : 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. Ceci est fort, ceci est normal, ceci est juste en gras, et ceci est accentué ! Et voici, un lien.
Source: Hacker News · Résumé par HeadlinesBriefing