Des animations SVG inspirantes pour intégrateurs

Le 19/02/2015

Dans Webdesign

Aujourd'hui, Le BlogDuWebdesign fait le focus sur une des techniques encore trop peu utilisée sur le web : les animations SVG.

La grande période du web "anime" s''est arrêtée doucement en même temps que la technique Flash (pour les sites web). Pourtant, les techniques comme le Canvas HTML5 et le SVG permettent de fournir un rendu assez semblable.

Pourquoi ne sont-elles pas plus utilisées ? Notre avis est que cela vient d'un manque de connaissances de ces techniques dans les différents métiers du Webdesign. En effet, un graphiste ne connaissant pas la technique ne pourra pas l’intégrer aux maquettes et de même pour un intégrateur ne sachant pas utiliser ces techniques sera un frein à leur mise en place.

Pour vous donner un aperçu de ce format, le BlogDuWebdesign vous propose une sélection de 10 animations SVG inspirantes.

Animations SVG

See the Pen SVG Retro-Rays by Jason Tyler (@jasontyler) on CodePen.

 

See the Pen Animated SVG Headphones by Chris Gannon (@chrisgannon) on CodePen.

 

See the Pen Wind Girl by betravis (@betravis) on CodePen.

 

See the Pen Linn's Desk by Zoë Bijl (@Moiety) on CodePen.

 

See the Pen Animated SVG Rocket by Smartass.io (@ezos86) on CodePen.

See the Pen Animated Flat Camera Icon by Rıza Selçuk Saydam (@rss) on CodePen.

 

See the Pen My logo animating SVG by mustafa-x (@mustafa-x) on CodePen.

 

See the Pen SVG animation via CSS by Ella Bañez (@ellabanez) on CodePen.

 

See the Pen LiveMercury Animated SVG Logo by DJ Madeira (@djmadeira) on CodePen.

 

See the Pen Animated logo by Avenart Design (@avenart) on CodePen.