Responsive design: retour d’experience

Responsive design: retour d’experience

Le développement du thème actuel m’a permis de travailler sur deux techniques: le couple HTML5/CSS3 d’une part, et le « Responsive Design » d’autre part. Comme je l’ai fait précédemment pour HTML5/CSS3, je vous présente, dans cet article, mes commentaires sur le design « responsive ».

Découvrir CSS3

Découvrir CSS3

Difficile de parler aujourd’hui de HTML, sans parler des feuilles de styles CSS. Après avoir abordé HTML5, découvrons donc maintenant les nouveautés apportées par CSS 3.
J’ai intitulé l’article « Découvrir CSS3 » parce que le sujet est extrêmement vaste, et je n’aborderai que quelques modules.


HTML 5: Structure d’une page

HTML 5: Structure d’une page

Après une rapide introduction à HTML5, nous allons rentrer dans le vif du sujet, avec l’élaboration d’une page « type ». Comme dans la plupart des langages, il y a une grosse différence, entre connaître les instructions, les structures de base, et savoir développer une application complète (une page dans notre cas). Cette règle est d’autant plus vraie dans le cas de HTML5, que de nouvelles balises sont apparues, et qu’elles jouent un rôle dans la sémantique du document.

HTML5: Introduction

HTML5: Introduction

Même si la norme n’est pas encore officiellement publiée, HTML 5 fait déjà partie de notre quotidien: les navigateurs savent gérer une partie des spécifications, de plus en plus de sites sont écrits avec cette version de HTML, et nous utilisons tous les jours, sans le savoir, des applications HTML 5 sur nos smartphones.

J’ai commencé l’étude de HTML5/CSS3, dans le but de changer le thème du blog. Cet article est le premier d’une série, qui conduira à la publication d’un nouveau thème, reprenant les technologies/techniques exposées.

Responsive design? Qu’est que c’est?

Responsive design? Qu’est que c’est?

Si vous jetez un oeil sur la littérature liée à HTML5 / CCS 3, ou sur les thèmes WordPress les plus rescents, vous remarquerez certainement la présence d’un terme récurrent: « responsive ».  Nous allons donc voir ce que représente ce terme, et parler à cette occasion, de l’une des nouvelles fonctionnalités de CCS 3.

Visual effects with CSS styles

Visual effects with CSS styles

I often say that I am not a graphic designer. When I build a theme, I always encounter technical constraints such as « how to do a gradient », or « how to obtain a 3D aspect ». When designing the current theme, I found some workarounds for this lack of « graphic » by using only CSS.