Thème : Études de cas

Openweb.eu.org > Thème : Études de cas

Adaptive Images and Responsive Web Design

by Cédric Morin, on the 16 December 2013

Cédric Morin makes a ready-to-use solution solving Adaptive Images issue, that fits well with dynamic websites (one more solution, yeah): this solution is not trivial, but is designed to be automated.

Adaptive Images et Responsive Web Design

par Cédric Morin, le 10 décembre 2013

Cédric Morin étudie une solution prête à l’emploi pour résoudre le casse-tête des Adaptive Images, adaptée aux sites dynamiques (une de plus, oui).

Cette solution est complexe, mais est prévue pour être complètement automatisable (comprenez industrialisable).

Responsive Webdesign – présent et futur de l’adaptation mobile

par Walter Stéphanie, le 1er juin 2013

La problématique du responsive est bien plus complexe que ce qu’on peut lire sur certains blogs qui essaient de nous faire croire qu’il suffit aujourd’hui, pour optimiser un site pour mobile, d’ajouter 2 Media Queries pour l’iPhone et l’iPad et redimensionner toutes les images. Le Responsive Web Design est une technique toute jeune, loin d’être parfaite et en constante évolution. Beaucoup de choses sont aujourd’hui possible, mais hélas il reste encore pas mal de chemin à parcourir dans le domaine.

La dette technique en exemple

par Nicolas Hoffmann, le 16 avril 2013

De nombreux articles évoquent le concept de dette technique concernant les sites Web. Toutefois, plutôt qu’un long cours théorique, je vous propose… un retour d’expérience.

Defining Breakpoints

by Nicolas Torres, on the 18 February 2013

To set up a responsive strategy on one’s Web design implies an important prior reflection. Responsive Web design is much more than percentage units: it consists in a real rearrangement of the containers, and sometimes of content, according to the device in order to privilege the readability and legibility of the information. With a concrete and standard example, Nicolas Torres teaches you how to set clever responsive breakpoints.

Définir ses points de rupture

par Nicolas Torres, le 6 décembre 2012

Mettre en place une stratégie responsive sur son Web design implique des réflexions en amont qu’il ne faut pas négliger. Le responsive Web design est bien plus qu’une unité de pourcentage : c’est une réelle adaptation du contenant, et parfois, du contenu, en fonction du support de lecture afin de privilégier au maximum la lisibilité des informations. En s’appuyant sur un exemple concret et relativement standard, Nicolas Torres vous montre comment définir intelligemment les différents paliers d’adaptation, également appelés points de rupture.

Changer de jeu de caractères pour UTF-8

par Nicolas Hoffmann, le 31 janvier 2009

Préparer l’internationalisation d’un site n’est pas une opération triviale, car dans la plupart des cas, elle nécessite de passer d’un jeu de caractères à un autre. Or, un site Web résulte d’un assemblage de plusieurs logiciels, où les questions de jeux de caractères apparaissent à chaque niveau. Cet article résume les différents points de la configuration d’un site « classique » dans le cadre de l’utilisation d’UTF-8.

Agences et Standards Web - 5. L’avenir des standards

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 4. Communiquer sur les standards

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Agences et Standards Web - 3. Utiliser les standards

En ce début d’année 2006, après quatre années à promouvoir les standards et l’accessibilité du web, il est temps de voir si ces idées ont faites leur chemin dans le milieu professionnel du web. Nous avons donc rédigé une série de 18 questions que nous avons posées à quatre professionnels chacun ayant son approche, son vécu et sa façon d’utiliser et de produire du code standard et accessible. Ce qui démontre si besoin est, que bien qu’utilisant des standards communs, la diversité est plus que jamais présente chez les professionnels du web...

Rien ne vaut la preuve par l’exemple : les études de cas d’OpenWeb montrent comment une page conçue selon les techniques des années 90, mêlant structure et présentation, peuvent être converties aux standards XHTML-CSS-DOM.

Ces exercices de conversions sont abondamment documentés, et vous offrent un excellent terrain d’initiation à l’art de la présentation CSS d’un code HTML ramené à l’essentiel : le contenu.