Emma et la Photographie : Un petit site pour une grande photographe !
J'ai mis ce site en ligne hier. Il s’agit d'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
Cet article est libre d'accès pour tous grâce à ceux qui soutiennent notre blog indépendant.
J'ai mis ce site en ligne hier. Il s’agit d'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 » en utilisant le moins d’images possible. 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 verticale, mais à l’horizontale 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 de photos) et que vous faites 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.
Rejoins 250+ développeurs de notre liste de diffusion et sois reçois les articles directement dans ta boite mail.
Aucun spam. Désabonnes-toi en un seul clic à tout moment.
Si vous avez des questions ou des remarques/conseils, n'hésitez pas à laisser un commentaire plus bas ! Je serais ravis de vous lire. Et si vous aimez l'article, n'oubliez pas de le partager avec vos amis.