| tags |
|---|
css |
Bourbon, plus clean du point de vue de la sémantique par rapport à d’autres solutions comme Bootstrap, mais aussi Burma.
Même si l’approche de Bourbon fait apparaître les autres SAAS framework bordéliques, les discussions sur le web suggèrent que les avantages apportés par Bourbon ne sont plus si pertinents aujourd’hui lorsque l’on utilise auto-prefixer et la compilation des CSS. En revanche, la grille SASS de Neat serait toujours utile.
Toutefois, depuis des fonctionnalités de développement moderne comme Flexbox pourraient ici encore être substituées. Mais Flexbox n’est pas nécessairement supportés par les anciens navigateurs.
Bulma https://bulma.io/
Tailwindcss https://tailwindcss.com/
Taychons https://tachyons.io/ (vieux)
Carbon design system https://www.carbondesignsystem.com/
« Charts.css ». s. d. Charts.css. Consulté le 22 janvier 2022. https://chartscss.org/.
« Layout patterns ». s. d. Web.dev. Consulté le 22 janvier 2022. https://web.dev/patterns/layout/.
« Luxa CSS ». s. d. Consulté le 22 janvier 2022. https://luxacss.com/.
« Open Props: sub-atomic styles ». s. d. Consulté le 22 janvier 2022. https://open-props.style/.
« The Component Gallery ». s. d. Consulté le 22 janvier 2022. https://component.gallery/.
« Theatre.js - JavaScript Motion Design Library ». s. d. Consulté le 22 janvier 2022. https://www.theatrejs.com/.
https://demos.creative-tim.com/notus-svelte/
https://github.com/troxler/awesome-css-frameworks
https://picturepan2.github.io/spectre/utilities/shapes.html
https://svelkit.js.org/spectre/api/
https://igoradamenko.github.io/awsm.css/elements.html
https://picturepan2.github.io/spectre/
Courriels https://bojler.slicejack.com/
https://ajusa.github.io/lit minimalist
https://speakerdeck.com/goetter/50-nuances-de-grilles
https://coding.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/
https://www.24joursdeweb.fr/2017/choisir-sa-spec-de-positionnement-css/
http://goetter.fr/livres/flexbox/
Framework Flex http://flexboxgrid.com
cf. https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results
http://usablica.github.io/front-end-frameworks/compare.html
https://github.com/troxler/awesome-css-frameworks
https://jenil.github.io/chota/ +
https://kognise.github.io/water.css
https://mblode.github.io/marx/
https://tailwindcss.com/docs/what-is-tailwind/
https://drasite.com/flat-remix-css
https://igoradamenko.github.io/awsm.css/elements.html
https://oxal.org/projects/sakura/ +
https://danmalarkey.github.io/schema/ +
https://turretcss.com ++ (trop de bordel)
https://picturepan2.github.io/spectre (less, flexbox) ++ SAS
https://kbrsh.github.io/wing/ +
http://yegor256.github.io/tacit/
https://milligram.github.io (avec compilation) ++
http://cardinalcss.com (Less)
http://concisecss.com (npm)
https://shoelace.style/docs/switches.html
http://siimple.juanes.xyz (npm) +
https://picnicss.com (npm)
http://daneden.github.io/Toast/
https://chalarangelo.github.io/mini.css/
https://minicss.org (flex bases) +
http://sierra-library.github.io (scss)
http://mourner.github.io/dead-simple-grid/
https://hiq.jonathan-harrell.com
http://devinhunt.github.io/typebase.css/ ++
http://megatype.studiothick.com
https://github.com/jakegiltsoff/typographyontheweb
http://corysimmons.github.io/typographic/
http://stephanecurzi.me/baselinecss.2009/
http://www.vcarrer.com/2009/06/1-line-css-grid-framework.html
http://typeplate.com/demo.html
https://oxal.org/projects/sakura/
minimal css form framework
http://marko-zub.github.io/forme/#checkbox
http://bafs.github.io/Gutenberg/
https://edwardtufte.github.io/tufte-css/
https://drasite.com/flat-remix-css (un debian)
https://vuetifyjs.com/layout/alignment
https://hackernoon.com/21-top-vue-js-ui-libraries-for-your-app-4556e5a9060e
http://materializecss.com + (notamment pour les formulaires)
http://groundworkcss.github.io
https://code.google.com/archive/p/better-web-readability-project/
http://lea.verou.me/css3patterns/
http://www.w3schools.com/svg/svg_grad_linear.asp
https://dev.windows.com/en-us/microsoft-edge/testdrive/demos/svgradientbackgroundmaker/
http://stackoverflow.com/questions/14051351/svg-gradient-using-css
http://www.w3.org/TR/SVG/pservers.html
http://www.sitepoint.com/getting-started-svg-gradients/
http://designmodo.com/animate-svg-gradients/
https://vaadin.com/home (payant)
http://necolas.github.io/normalize.css/
https://typographyontheweb.com
https://bulma.io (flexbox)
https://www.carbondesignsystem.com
https://shakrmedia.github.io/petal/
https://www.muicss.com/docs/v1/webcomponents/forms
https://getuikit.com/docs/form
https://at-ui.github.io/at-ui/#/en
https://asyncdesign.github.io/webui/
https://github.com/troxler/awesome-css-frameworks
liste https://cssauthor.com/vuejs-frameworks/
https://www.carbondesignsystem.com +
http://element.eleme.io/#/en-US
https://github.com/vulmajs/vulma/
https://josephuspaye.github.io/Keen-UI/#/ui-autocomplete
https://vuetifyjs.com/en/getting-started/quick-start
https://vuikit.js.org/guide/spinner
https://chenz24.github.io/vue-blu/#/
https://github.com/deep-philology/DeepReader
https://vuikit.js.org ++ (https://getuikit.com)
slides https://zulko.github.io/eaglejs-demo/#/
site statique https://vuepress.vuejs.org
https://jenil.github.io/chota/
semantic-ui
MUI CSS https://www.muicss.com
https://getuikit.com/docs/form
http://materializecss.com + (notamment pour les formulaires)
https://tailwindcss.com/docs/examples/forms
https://www.carbondesignsystem.com
For me ?