Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:web:css [14/02/2022 19:13] – [Cascading Style Sheets] cyrille
+++ informatique:web:css [10/10/2023 19:36] (Version actuelle) – [Tailwind CSS] cyrille
@@ Ligne 8: / Ligne 8: @@
 Attention à ne pas oublier le doctype du document (lire "[[http://www.alsacreations.com/article/lire/560-DTD-comment-choisir.html|DTD : comment choisir]]"), sinon votre page sera en [[http://www.alsacreations.com/article/lire/573-A-propos-du-Modele-de-boite-Microsoft-ou-quirks.html|mode Quirks]].
-Un guide tout simple pour s'attaquer à la mise en page avec Flex: [[https://css-tricks.com/snippets/css/a-guide-to-flexbox/|A Complete Guide to Flexbox]]
+Un guide tout simple pour s'attaquer à la mise en page avec The Flexbox Layout (Flexible Box) : [[https://css-tricks.com/snippets/css/a-guide-to-flexbox/|A Complete Guide to Flexbox]]
 [[http://960.gs/|960 Grid System]]: The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
@@ Ligne 50: / Ligne 50: @@
 ===== Frameworks =====
-  * [[https://tailwindcss.com/|Tailwind CSS]] a utility-first CSS framework for rapidly building custom user interfaces, no UI components ready.
+==== Milligram ====
-  * Bulma
-  * Foundation
-  * Tachyons
-[[http://semantic-ui.com/|Semantic UI]]
+[[https://milligram.io/|Milligram]] (''milligram.min.css = 9 ko'') A minimalist CSS framework provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code. Hope you enjoy!
-[[http://topcoat.io/|Topcoat]] //by Adobe//
+==== PicoCSS ====
+[[https://picocss.com|PicoCSS]] Minimal CSS Framework for semantic HTML.Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
+==== Tailwind CSS ====
+[[https://tailwindcss.com/|Tailwind CSS]] a utility-first CSS framework for rapidly building custom user interfaces, no UI components ready.
+[[/informatique/web/tailwind_css|/informatique/web/tailwind_css]]
+==== Bulma ====
+[[https://bulma.io/|Bulma]] (''bulma.min.css = 207 ko'') is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
+==== Bootstrap ====
 [[:informatique:web:bootstrap|Bootstrap]]
+==== Autres / More ====
+[[https://www.knacss.com|knacss]] by AlsaCreations
+Foundation
+Tachyons
+[[http://semantic-ui.com/|Semantic UI]]
+[[http://topcoat.io/|Topcoat]] //by Adobe//
 [[http://www.getskeleton.com/|Skeleton]]