> ## Content Index
> Fetch the complete content index at: https://mindsers.blog/llms.txt
> Use this file to discover other available public pages before exploring further.

# Emma et la Photographie : Un petit site pour une grande photographe !
- URL: https://mindsers.blog/fr/post/emma-et-la-photographie/
- Published: 2012-11-09T10:37:55.000Z
- Updated: 2023-12-02T13:56:01.000Z
- Description: 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
- Author: Nathanaël Cherrier
- Tags: portfolio, #lang-fr

⚠️

**Attention : cet article a été publié en 2012\. Nous le gardons à des fins d'archivage, mais les informations qu'il contient sont peut-être obsolètes aujourd'hui.*

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.

![](https://mindsers.blog/content/images/2016/01/article6-photo1.png)

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.

![](https://mindsers.blog/content/images/2016/01/article6-photo2.png)

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…

![](https://mindsers.blog/content/images/2016/01/article6-photo3.png)

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.