Until recently, the size of the screens of computers getting bigger every year. For web designers, it « enough » to expand the interfaces over time. Then came the iPhone and other Smartphones, the iPad, tablets and other Notebook, which are gradually revolutionizing the Internet and its uses.

A major challenge for web designers now is to build an interface readable on small screens, remain enjoyable on large one, taking into account the specific constraints to each medium (navigation with mouse or finger), in order to provide the best user experience as possible.

One answer is the Responsive Web Design.

Ethan Marcotte was the first to wrote the principles in an article published in May 2010. Principles which can be summarized in two words: flexibility and responsiveness and are based on three basic elements:

• grids that can build interfaces using a variable number of columns in which are inscribed contents
• flexible images where size and layout are set in response to the screen size
• media queries that can detect which medium is used (or rather the size of the screen) and allow specific design (size, shape, position of elements, ...)

This technique is still young enough and uses the latest web standards: HTML5 and CSS3 (especially for media queries), and requires careful consideration from the designer's site on how to redistribute items based on resolution of the screen, or appearing/disappearing of some elements.

The Responsive Web Design offers therefore new possibilities for website design and provides tools and methods to give for each device the best design.

A Responsive Zenphoto theme

After creating two "static" themes for Zenphoto and regularly browsing on the Net with a SmartPhone, I see now the benefits of a photo gallery that fits the media.

After seeing the excellent theme zpSkeleton, I started a new adventure and I am working on a new Responsive Zenphoto theme. I hope to quickly achieve a beta that I will show you.

Quelques ressources

Informations about Responsive Web Design

• www.abookapart.com/products/responsive-web-design
• designspartan.com/info_generale/responsive-design-definition-fonctionnement-ressources-et-tutoriels/ (french)

Tools for building Responsive sites

• getbootstrap.com/
• lessframework.com/
• getskeleton.com/
• www.amazium.co.uk/
• foundation.zurb.com/

Examples of Responsive sites (resize your browser to see the different responsive layout)

• www.alsacreations.fr/
• mediaqueri.es/

It's amazing what you can do with a ND 400!

The ND 400 is a neutral density filter which reduces dramatically the intensity of light entering the camera (loss of 9 stops), which allows long exposures at any time of day.

So, during a sunny day on a beach, you can consider images with exposure time up to 30 seconds easily. Everything that moves during the long exposure time will blur or absent from the photo (clouds, water, waves, people,...)!

However, due to the very low light entering in the camera, most of DSLR's automatisms do not work (autofocus and light metering). The use of ND 400 is quite delicate and requires many manipulations to achieve his ends.

The basic technique

• Mount the camera on a tripod (essential accessory for this kind of photo) and set sensitivity as low as possible (eg ISO 100)
• In "Aperture Priority" (Canon Av mode) set an aperture of f/11 (to have a good depth of field while maintaining good image quality)
• Compose your photo
• Make the focus, the measurement of exposure, and note the exposure time (eg 1/60 s)
• Turn off your autofocus
• Attach the ND 400 filter on the lens
• Switch to "Manual" (Canon M mode) and adjust the speed value / aperture
  • keep the same aperture (eg f/11)
  • use a time speed corresponding to your initial measurement -9 EV (eg : 1/60 s gives a value of 8 s)
• Shoot with a remote control (again, almost indispensable accessory to avoid camera shake)

Some tips

• Reflex offer some options to minimize blur due to vibrations (displacement of the mirror at the shooting).
• A long exposure increases the digital noise on the picture. Reflex offer some options to reduce this noise. Remember to enable or disable these options to suit your needs and results, knowing that the DSLR need a fairly long time (equivalent to the exposure time) to limit noise on the picture.
• Think to shoot in RAW format (instead of JPEG). With software like Lightroom or DPP, this will allow you to correct the defects of exposure or white balance (the ND 400 have a tendency to derive the color to blue-magenta).
• The modern digital SLR allow to use the rear screen and provide an « exposure simulation » function which displays and simulates how the brightness of the actual image will look.
  This feature greatly simplifies the use of ND 400 filter, the rear screen then allows you to setup speed, aperture and focus, and seeing the results on the screen, even with the ND 400 mounted on the camera lens!

Bonus tip

It is not always easy to calculate the speed value to use depending on the initial metering without the filter. A simple method is to have a table of EV (Exposure Value).
In my example, the couple f/11 – 1/60 s at 100 ISO gives an EV 13. The ND 400 is going to move to EV 4 (-9 stops), which gives the speed value to use, here 8 s.

Here are two sites where you can find and print tables of EV at 100 and 800 ISO:

• http://en.wikipedia.org/wiki/Exposure_value
• http://www.comment-apprendre-la-photo.fr/tableau-indice-lumination-il-ev (in french)

L'été 2011 est déjà très loin derrière nous et c'est avec beaucoup de retard que je publie un nouvel album consacré à nos vacances au Pays Basque.

Nos vacances 2011 avaient un peu mal démarré puisque la première semaine a été très, très pluvieuse (on a compris pourquoi, au Pays Basque, l'arrosage automatique est inutile...).

Le temps gris a été l'occasion de faire des photos N & B afin de restituer l'ambiance lourde qui plombaient les journées.

Heureusement, le soleil a fini par s'imposer la deuxième semaine, et nous avons pu pleinement profiter des plages et des vagues du sud-ouest.

Dommage qu'on se soit raté avec la Famille Behr, on aurait pu visiter le Pays Basque Espagnol sans avoir la barrière de la langue...

Bonne visite et à bientôt.

Read more

I just created a new album Wedding of Mariko and Rémy, celebrated on October 1st, 2011.

After the ceremony in the city hall of the 11th district of Paris, we went to a session of urban portraits on a nearby street, bathed by the beautiful morning light of October.

Then we went to lunch at « Le Dôme du Marais », a very nice restaurant located in the former chapel of the Mount of Piety.

Finally, Mariko and Rémy had organized a lunch in their new apartment near the Republic's place.

Je viens de terminer une importante mise à jour de mon site photo.

Après quelques années de bons et loyaux services chez un FAI que je ne peux pas citer par déontologie (ceux qui me connaissent comprendront ;-), je viens de passer chez un vrai hébergeur, avec un vrai nom de domaine www.vincentbourganel.fr.

Mon nouveau site est maintenant complètement opérationnel et mon ancien site est désormais fermé.

J'ai encore quelques projets d'amélioration du site dans les cartons, mais dans un premier temps, je vais surtout mettre de nouvelles photos en ligne !

Bonne visite :-)

Je viens de mettre en ligne un nouvel album La Demeure du Chaos montrant les photos prises le 14 mai, lors de la Nuit des Musées 2011.

Saisissant spectacle que cette vaste demeure transformée en un immense champ de ruines, sorte de Palais Idéal du XXIème siècle construit par un Mad Max illuminé et halluciné.

Œuvre d'art ? Très certainement. Nuisances et doigt d’honneur permanent envers le voisinage ? Très probablement.

Si l'intérêt de cette Demeure du Chaos est indéniable, je peux comprendre les réactions du voisinage, car son créateur, au nom de la liberté d'expression, a volontairement ignoré les règles d'urbanisme qui continuent à s'imposer aux habitants du village, afin de dé-constuire sa propriété (dixit Thierry Erhmann).

Je peux également comprendre que les « manifestations » qui ont lieu sur place soient perçues comme étant au delà du « border line » et qu'elles soient vécues comme un trouble à l'ordre public.

Bref, depuis 1999, ce lieu ne laisse pas indifférent et provoque des réactions passionnées...

Je viens de créer un nouvel album Club Photo montrant mes activités studio au sein du Groupe Photo Ecully : je vous fais découvrir les résultats des différents ateliers auxquels j'ai participé, mes contributions aux expositions collectives du club,...

Les différents ateliers organisés par le club m'ont permis d'apprendre la photo en studio (utilisation et placement des flashs, techniques Low Key et High Key, direction de modèle,...).

Cela m'a beaucoup apporté sur la gestion de la lumière, en particulier pour la réalisation de portraits en extérieur où, si on ne fait pas attention, on a vite fait d'avoir de vilaines ombres sur les visages. Désormais, je m'amuse beaucoup plus avec les lumières diffuses, les contre-jours éclairant la chevelure,...

Bonne visite :-)

Following the creation of the zpArdoise theme, many people have asked me how to install and use a guestbook.

Rather than respond to every request, I dedicate a post on the subject.

Here is the method used to install a guestbook on Zenphoto:

1. install a guestbook script on your site (personally, I use the script AlexGuestBook, installed at the root of my site, but there are many others),
2. configure the script as recommended by the publisher, your desires and your purpose (personally, I use the AguestNew skin),
3. on your Zenphoto site, activate the ZenPage plugin,
4. create a page called « Guestbook » (or another name to your convenience), and in the « Code block 1 » from this page, copy the code attached,
5. if necessary, adapt the theme of the script to match with your Zenphoto site (personally, I modified the file templates/skins/AguestNew/alex_livre.css to match it with my zpArdoise theme).

That's all folks!

<script type="text/javascript">
   function setHeight(){
      var hauteur;
      var monFrm = document.getElementById('forum');
      if(document.all){
         hauteur = monFrm.contentWindow.document.body.scrollHeight;
      }else{
         hauteur = monFrm.contentWindow.document.body.offsetHeight;
      }
      monFrm.setAttribute("height", hauteur);
   }
</script>

<div style="width: 800px; margin-right: auto; margin-left: auto;">
   <iframe id="forum" name="livre-d-or" onload="setHeight()" src="../agb/index.php" width="100%" align="middle">
   </iframe>
</div>

Je viens de mettre en ligne un nouvel album de photos prises lors de notre Voyage à Marseille le week-end du 11 novembre 2010.

Pour une fois, nous avons fait sauter l'école aux filles (je sais, ce n'est pas très beau), pour faire un week-end prolongé à Marseille, « la ville où il fait toujours chaud », dixit Fantine.

Nous avons profité pour faire un petit détour pour faire découvrir le Pont du Gard aux filles. J'y étais allé pour la dernière fois il y a une 15aine d'années. Depuis, les choses ont bien changé puisque le site a été entièrement rendu aux piétons.
La visite hors saison était donc un vrai bonheur, sans touristes agglutinés, ni voitures et cars garés en vrac !

Nous avons ensuite visité Marseille et fait quelques balades dans les quartiers du Vieux-Port et du Panier, puis vers Notre-Dame-de-la-Garde et la corniche conduisant au Prado.(...)

Read more