Archives pour la catégorie responsive design

Refonte de Mobyou

Mobyou et WordPress

Plus de 3 ans sont passés depuis le lancement de Mobyou, il était temps de refondre ce site.

Le but de la refonte était surtout de mieux expliquer quelles sont nos prestations et avec quelle équipe nous pouvons vous aider à produire un web accessible et qualitatif.

Je voulais partager mon retour d’expérience sur cette reprise de code, car en 3 ans de nombreux thèmes en responsive ont émergé et j’ai eu quelques surprises en repartant des thèmes officiels WordPress, notamment avec le Twenty Fourteen qui est sensé être un des 12 « starter themes » recommandés ! Continuer la lecture de Refonte de Mobyou

Heavy responsive

L’année 2012 marque clairement l’essor de la mise en page adaptative dans le web. Cette technique qui vient des US est plus simplement baptisée Responsive Design ou RWD (Responsive Web Design).

Le responsive design chez Mozilla

Pour tout projet nouveau ou de refonte il est très judicieux d’y songer plutôt que de maintenir plusieurs front-ends avec des maillages différents et des contenus tronqués pour certaines interfaces…
On a tous à y gagner à passer au Responsive Design pour garantir un seul web c’est à dire l’égalité d’accès au contenu quelque soit votre téléphone, votre tablette ou votre ordinateur. Continuer la lecture de Heavy responsive

Colonnes désordonnées

Afficher la colonne 1 après la colonne 2, mais d’où vient cette curieuse idée ?

Exemple de mise en page avec des colonnes dont l'ordre est modifié dans l'HTML

Avant que les CSS ne fonctionnent correctement sur tous les navigateurs, c’est-à-dire au début des années 2000, la plupart des intégrateurs utilisaient encore les tableaux de mise en forme pour structurer l’information des pages web. Puis en 2003 et 2004 les navigateurs Safari et Firefox ont débarqué avec un support des CSS bien plus rigoureux que ce que proposaient Microsoft et Netscape.

Cette arrivée du CSS dans les pages web a fait le plus grand bien aux intégrateurs qui pouvaient enfin coder plus sémantique et donc d’une manière plus lisible pour les aides techniques. Continuer la lecture de Colonnes désordonnées