Il y a maintenant quelques mois que l’on entend parler du Flat Design.

Cette tendance qui veut que le design du site soit mit à plat en enlevant toutes les “fioritures“. Pas de dégradés, pas de textures, pas d’ombres portées, etc…

Cette nouvelle mode est née grace à Jeff Escalante entre autre, qui dit : “But if you are a design hipster looking for the next big thing, allow us to introduce the next design trend: Long Shadow Design.

Personnellement je trouve que ça ajoute de la dimension et de la profondeur au Flat Design que je trouvais un peu trop “plat“.

Le concept du “long shadow” est simple, comme son nom l’indique, c’est une ombre longue/grande, voir totalement exagérée.

Pour la plupart des exemples que j’ai vu, c’est une ombre dessinée à 45° soit sur la droite, soit sur la gauche.

La tendance est toute nouvelle mais on trouve déjà quelques ressources sur le sujet.

1/ Générateur de Long Shadow :

http://graphicburger.com/long-shadow-generator/

2/ Long Shadow en CSS3 :

http://codepen.io/awesomephant/pen/mAxHz

3/ Google font CSS Long Shadow icône :

http://cssdeck.com/labs/google-fonts-css-longshade-icon

Source de cet article.