informatique:web:css
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
informatique:web:css [05/05/2019 14:49] – [Frameworks] cyrille | informatique:web:css [10/10/2023 19:36] (Version actuelle) – [Tailwind CSS] cyrille | ||
---|---|---|---|
Ligne 7: | Ligne 7: | ||
**N' | **N' | ||
Attention à ne pas oublier le doctype du document (lire " | Attention à ne pas oublier le doctype du document (lire " | ||
+ | |||
+ | Un guide tout simple pour s' | ||
[[http:// | [[http:// | ||
Ligne 19: | Ligne 21: | ||
Exemples de menu avec CSS: | Exemples de menu avec CSS: | ||
* [[http:// | * [[http:// | ||
+ | |||
+ | ===== media query breakpoints ===== | ||
+ | |||
+ | Breakpoints recommended by Twitter Bootstrap: | ||
+ | <code css> | ||
+ | /* Custom, iPhone Retina */ | ||
+ | @media only screen and (min-width : 320px) { | ||
+ | } | ||
+ | /* Extra Small Devices, Phones */ | ||
+ | @media only screen and (min-width : 480px) { | ||
+ | } | ||
+ | /* Small Devices, Tablets */ | ||
+ | @media only screen and (min-width : 768px) { | ||
+ | } | ||
+ | /* Medium Devices, Desktops */ | ||
+ | @media only screen and (min-width : 992px) { | ||
+ | } | ||
+ | /* Large Devices, Wide Screens */ | ||
+ | @media only screen and (min-width : 1200px) { | ||
+ | } | ||
+ | </ | ||
===== fonts-and-formatting ===== | ===== fonts-and-formatting ===== | ||
Ligne 27: | Ligne 50: | ||
===== Frameworks ===== | ===== Frameworks ===== | ||
- | * [[https:// | + | ==== Milligram ==== |
- | * Bulma | + | |
- | * Foundation | + | |
- | * Tachyons | + | |
- | [[http://semantic-ui.com/|Semantic UI]] | + | [[https://milligram.io/|Milligram]] ('' |
- | [[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:// | ||
+ | |||
+ | [[/informatique/web/tailwind_css|/informatique/ | ||
+ | |||
+ | ==== Bulma ==== | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Bootstrap ==== | ||
[[: | [[: | ||
+ | |||
+ | ==== Autres / More ==== | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | Foundation | ||
+ | |||
+ | Tachyons | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | [[http:// | ||
[[http:// | [[http:// |
informatique/web/css.1557060581.txt.gz · Dernière modification : 05/05/2019 14:49 de cyrille