Ressources Css

Outils:
http://css3generator.com/
http://css3please.com/
http://www.evotech.net/articles/testjsentities.html
http://hex2rgba.devoth.com/
http://www.yellowpipe.com/yis/tools/hex-to-rgb/color-converter.php
http://www.colorzilla.com/gradient-editor/
http://pxtoem.com/
http://fontello.com/

http://lesscss.org/
http://sass-lang.com/
http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn

Marges negatives:
http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/

Box Sizing et Flexbox Layout Model:
http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
http://css-tricks.com/snippets/css/a-guide-to-flexbox/

Pseudo classes css :before : after + nth-child()
http://www.alsacreations.com/article/lire/1200-10-techniques-avancees-et-secrets-de-css2.html

http://www.tomsyweb.com/component/content/article/48-css/101-les-30-selecteurs-css-a-connaitre
http://www.kiwano.fr/utiliser-nouveaux-selecteur-css-3/ 
http://css-tricks.com/pseudo-element-roundup/ 
http://css-tricks.com/pseudo-class-selectors/

Colones :
http://www.w3schools.com/css/css3_multiple_columns.asp
http://www.debray-jerome.fr/outils/Generateur-de-multi-colonnes-en-css3.html

Filtres Css :
http://www.priteshgupta.com/2011/12/css3-content-filter-using-negation-pseudo-class/

Ombres avancées en css3
http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow

Safe Fonts :
http://cssfontstack.com/
http://www.google.com/fonts

Text Shadows :
http://line25.com/wp-content/uploads/2010/text-shadow/demo/index.html
http://designshack.net/articles/css/12-fun-css-text-shadows-you-can-copy-and-paste/

Folded corners / triangles css :
http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
http://cssglobe.com/pure-css3-post-tags/

Css Paterns :
http://lea.verou.me/css3patterns/

Animation css3:
http://webdesignerwall.com/trends/47-amazing-css3-animation-demos http://pixel2pixeldesign.com/excellent-css3-techniques-tutorials-user-experience/#.UV6rJlej9SM
http://www.minimamente.com/magic-css3-animations/
http://tympanus.net/Tutorials/CircleHoverEffects/index.html
https://daneden.me/animate/

Css Experiments :
http://tridiv.com/ http://www.awwwards.com/the-best-css3-tools-experiments-and-demos-for-web-developers.
html http://www.designyourway.net/blog/inspiration/css3-html5-experiments-that-will-blow-your-mind-47-examples/
http://hakim.se/experiments

Par tags :

Répondre