Cette semaine nous avons : le lookbook de Quechua par Akaru, un article très intéressant sur la sémantique HTML5, une carte interactive en 3d à télécharger, un tutorial pour réaliser une animation de scroll pour vos images et pour finir un outil pour intégrer des images maquettes facilement.
Beausite : Lookbook de Quechua par Akaru
Akaru est un studio digital basé à Lyon qui me tient particulièrement à coeur. Chacun de leurs sites sont de qualité et sont régulièrement primés. J’en ai d’ailleurs fait mention dans la Semaine au poil #11 avec leur site très réussi Concrete LCDA.
Pour cette fois ils viennent de mettre en ligne le nouveau lookbook de Quechua pour la saison printemps/été 2016 qui est d’ailleurs déjà primé sur CSSDesignAwards.
Pour l’admirer : http://lookbook.quechua.com/
Rappel de la sémantique HTML5
Article très complet sur la sémantique de l’HTML5, des conseils pertinents sur les éléments à ne plus utiliser et d’autres mis en avant.
Je vous le conseille : http://codepen.io/mi-lee/post/an-overview-of-html5-semantics
Ressource : un plan interactif en 3D
Vous êtes à la recherche d’un plan interactif pour votre centre commercial ? Voilà une ressource faite pour vous. Très complet avec la possibilité de détailler les différentes boutiques et les niveaux sont faits à partir de fichier SVG.
La démo est visible ici : http://tympanus.net/Development/Interactive3DMallMap/
Toute l’explication et le lien pour la télécharger : http://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/
Tutorial : animation de scroll pour vos photos
Voilà un tutorial très complet pour un effet de scroll de toute beauté ! Il est assez complexe mais le code est commenté comme il faut.
Le résultat :
See the Pen Wavescroll (drag background) by Nikolay Talanov (@suez) on CodePen.0
Le tutorial : https://css-tricks.com/creating-wavescroll/
Placemat : intégrer des images maquettes facilement
Je pense que l’on s’est tous, une fois ou l’autre, heurté au fait qu’un client ne puisse pas nous livrer des images définitives pour son site. Et intégrer une maquette sans images ce n’est pas forcément très vendeur. De ce constat est né Placemat. Un outil très simple à utiliser pour intégrer des images maquettes dans votre site.
Pour l’utiliser c’est facile, il suffit de remplacer le lien de votre image par un lien du type :
https://placem.at/people?w=500
Le w pouvant être remplacé par la valeur width souhaitée.
Ou encore par :
https://placem.at/places?h=400
Ici le h peut être remplacé par la hauteur souhaitée.
Il y a d’autres possibilités que je vous invite à voir directement sur le site.
Le site Placemat : https://placem.at/
Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter !
