Une semaine au poil – #26

Je vous ai trouvé pour cette nouvelle semaine au poil un outil pour centrer en CSS, une expérimentation avec un cycliste, un paquet d’hover pour vos images et des beaux sites avec du SVG et du GIF.

Outil : comment centrer en CSS

Je pense que vous avez tous rencontré au moins une fois un problème pour centrer en CSS. Je pense avoir trouvé ce qu’il vous faut si c’est le cas. Cet outil en ligne va vous permettre de générer du code en fonction de ce que vous souhaitez centrer, text, div… en fonction de la taille et en fonction de la version d’IE minimum.

Le site : http://howtocenterincss.com/

Une expérimentation avec un cycliste

Etant fan de vélo, j’ai forcément apprécié cette expérimentation en CSS et JS. En fonction de la pente que vous lui donnez, le cycliste va ralentir ou accélérer. Vraiment très réussi !

See the Pen Let’s cycling by Marco Barría (@fixcl) on CodePen.0

Le plein d’hover pour vos images

Vous trouverez sur ce site tout un tas d’effets hover pour vos images uniquement en CSS, et il n’y a pas à dire, ils sont très bien gérés !
Le site est très facile d’utilisation, vous cliquez sur le hover qui vous plait, et il suffit de copier coller le code proposé.

C’est par là : http://miketricking.github.io/dist/

Beau site : Booounce

Ce site est remarquable ! Il est doté d’une UI super travaillée, des animations bien senties un peu partout, une façons de naviguer au poil, un webdesign efficace. En plus de ça le contenu est super, entre GIF et petites animations, je ne peux que vous conseiller d’aller le voir.

A voir ici : http://booounce.cmiscm.com/

Beau site : wrk – Creative Web Studio

Le studio waaark vient de mettre en ligne son site et il a déjà plusieurs prix à son actif. Vous pouvez le bookmarker pour votre inspiration. Webdesign très actuel avec des animations SVG travaillées et des transitions de toute beauté ! Super efficace !