Retina after all

Two years after launching a project, your client is asking every image of his website to be retina displayed ! As they aren’t vectorized and been created in Photoshop, it might be complicated and ugly to extend those twice bigger as their original size. Photoshop’s trick To make an image (...)  {read}

Using Bootstrap for FamiHero

The new website of FamiHero, a baby-sitting service, is now online. I participated the project as a Front-End developer. I usually start an integration with the Boilerplate, but for this project, I use Bootstrap to match with the graphic designer’s templates. The difficulty was to learn its (...)  {read}

A basic jQuery scroller

I was looking for a nice jQuery scroller plugin for a client website and though I should write my own. I end up with a little (really basic) jQuery code. Considering the following HTML (don’t pay attention to the semantic ;)): A really simple jQuery scroller body width: 600; (...)  {read}

Hello Normalize.css

Normalize.css is the new "alternative to the traditional reset.css". It has been developed by Jonathan Neal and Nicolas Gallagher, who also create the useful Micro Clearfix. After "100’s of hours" checking differences between default browser styles, they wrote the stylesheet which: preserves (...)  {read}

The three <ol> tag attributes

’reversed’, ’type’ and ’start’ : the first one is new and the two others, deprecated in HTML4, are no longer in HTML5. Let’s see what those attributes can do !  {read}

Travellution

The new version of the Travellution website is now online. I worked on the new design and the HTML/CSS/jQuery integrations. Great project and great guys ;)  {read}

99Lime HTML Kickstart

Présenté comme un ensemble de block html ultra léger, 99Lime est une solution extrêmement pratique qui permet de gagner en temps de production d’un site Internet.  {read}

C’est quoi les Media Queries ?

Les Media Queries permettent d’afficher un site Internet aux dimensions (ou particularités) du média sur lequel il est regardé : écran couleur, tablette, smartphone, kindle, etc. Techniquement il s’agit d’une nouveauté apparue avec le CSS3 : On définit une feuille de style par média ou (...)  {read}

Créer un mot de passe

Voici deux méthodes simples pour créer un bon mot de passe. Méthode phonétique Cette méthode consiste à utiliser les sons de chaque syllabe pour fabriquer une phrase facile à retenir. Par exemple la phrase « J’ai acheté huit cd pour cent euros cet après midi » deviendra : ght8CD%E7am. Méthode des (...)  {read}

Sorti de Typo3 4.5 LTS

Cette nouvelle version, la 4.5 est annoncée TLS : Long Term Support ; c’est-à-dire que sa stabilité et sa maintenance seront assurées pour au moins 3 ans ("2014+"). Présentation rapide Sans trop entrer dans les détails, Typo3 4.5 introduit de nouvelles fonctionnelles fortes intéressantes : le titre (...)  {read}

Cahiers du Cinéma

La refonte du site Internet des Cahiers du Cinéma est en ligne. D’importantes modifications et mises-à-jour ont été apportées au ’core’ du site. Le résultat est donc peu visible en Front-End ;)  {read}