Ecrit par Nathanael Cherrier

Emma et la Photographie : Un petit site pour une grande photographe !

Publié dans

Partagez l'article

twitter facebook

Bonjour, je vous présente aujourd’hui un site de mon cru.

Je l’ai mis en ligne hier. Il s’agit un site portfolio pour une « photographe ». Ça fait un moment qu’elle me l’avait demandé mais avec les stages et autres boulots je n’avais pas eu beaucoup de temps à lui consacrer.

Fidèle à mes habitudes, j’ai tenu à réaliser « emma-et-la-photographie.com » (le site web) en utilisant le moins d’images possibles. J’ai toujours préféré passer par le code car plus rapide, léger, précis et adaptable. Donc avez deviné, je suis un pro-HTML5 & CSS3. Enfin bref, je disais j’allais dire que j’étais fier de vous présenter ce site qui n’utilise que 3 images pour son design (bouton mail, téléphone et facebook).

Voici quelques screens pour vous faire une idée.

La particularité sur cette page, c’est que lorsque l’utilisateur scroll, la page ne défile pas à la vertical mais à l’horizontal pour afficher les 15 dernières photos ajoutées.

Sur les pages « Albums » ou « Modèles » il y a une petite animation CSS3 à base de :hover, de box-shadow et de transform: rotate() pour donner l’impression qu’il y a plusieurs photos empilées l’une sur l’autre (un tas) et que vous faite bouger la première en passant votre souris au dessus. Malheureusement, comme d’habitude, Internet Explorer refuse de m’obéir…

Et le dernier screen que je vous montre est celui de la view par photo. Elle s’adapte au format de l’écran (responsive donc). Le fond sombre permet de mieux se concentrer sur la photo.

Voilà pour ce site. Je vous invite à aller le visiter en cliquant ici : emma-et-la-photographie.com.

Si vous avez des questions ou des remarques/conseils, n'hésitez pas à m'envoyer un tweet! Et si vous aimez l'article, n'oubliez pas de le partager avec vos amis. Vous pouvez aussi soutenir le blog sur Patreon.