Christophe Gindro

18 nov

Les développeurs jQuery annoncent la disponibilité de la bibliothèque JavaScript mobile en version 1.0.

JQuery Mobile en version 1.0

Durant l’été 2010, le projet est lancé. L’idée de départ est de créer une version mobile de la bibliothèque open source JavaScript jQuery en se basant sur HMTL5, pour proposer un framework à destination des smartphones et tablettes.
Cette version 1.0, qui nécessite JQuery en version 1.6.4, permet donc la conception simplifiée de sites pour toutes les plateformes mobiles. Une version 1.1 pour supporter JQuery 1.7 est d’ores et déjà annoncée.
Les navigateurs disponibles sur les smartphones, tablettes et lecteur ebooks récents sont bien sûr compatibles, néanmoins les navigateurs plus anciens peuvent tout de même accéder au contenu.
De plus, comme pour JQuery, des plugins peuvent être déployés pour ajouter des fonctionnalités, comme par exemple 960 grid dor JQuery Mobile qui permet d’utiliser le framework CSS 960.gs pour un site mobile.

Themeroller pour JQuery Mobile Dans le même temps, l’équipe met en ligne Themeroller, un outil en ligne WYSIWYG pour définir l’interface de votre site mobile.

Quelques liens :


17 nov

Plusieurs failles de sécurité ont été repérées dans les versions 1.9, 2.0 et 2.1 de SPIP.

Les infos et les mises à jour sont disponibles
http://www.spip-contrib.net/SPIP-1-…


Christophe Gindro | 2 Messages de forum
20 oct

Les grilles sont utilisées en imprimerie pour structurer la mise en page. Elle permettent de définir des colonnes, séparées par des gouttières, pour positionner les contenus.

Ce principe a été adapté pour les pages web, et il existe de nombreux système de grille CSS.

960.gs {PNG} Nous avons choisi 960.gs il y a quelques années car il nous semblait souple et simple d’usage.
Pourquoi 960 ? Cela correspond à la largeur de la page de 960 pixels définie par rapport à la résolution la plus courante de 1024x768.
Cette largeur de 960px, permet d’avoir une structure, au choix,

  • en 12 colonnes de 60px avec 10px de marge pour chacune (soit une gouttière de 20px)
  • en 16 colonnes de 40px avec 10px de marge pour chacune (soit une gouttière de 20px)
  • en 24 colonnes de 30px avec 5px de marge pour chacune (soit une gouttière de 10px) Exemple de grille en 16 colonnes {PNG}

Les colonnes sont définies via des div et l’affectation de classes grid_1, grid_2, …, qui permettent de fixer leur largeur.
Elles utilisent la propriété float pour se positionner côte-à-côte, et sont séparées par la gouttière, qui dépend des marges qui peuvent être annulées par l’affectation de classes .alpha { margin-left: 0; } et .omega { margin-right: 0; }


23 sep

Plusieurs failles de sécurité ont été repérées dans les versions 1.9, 2.0 et 2.1 de SPIP.

Les infos et les mises à jour sont disponibles
http://www.spip-contrib.net/SPIP-1-…


18 sep

Le Responsive Web Design (traduire par "Web Design Réactif" ou devrait-on dire "conception d’interfaces graphiques adaptatives pour l’Internet" ?) est un concept explicité par Ethan Marcotte pour dépasser les limites que la variabilité des systèmes d’affichages impose. La problématique est : comment concevoir des interfaces Web qui s’adaptent aux conditions de navigations de l’usager, alors que celles-ci varient considérablement d’un environnement à l’autre (ordinateur de bureau, téléphone portable, tablette PC…) ?

Dans cet essai publié sur A List Apart Magazine, Ethan Marcotte montre notamment comment utiliser le CSS3 et les "requêtes de média" pour adapter les feuilles de styles aux différents appareils en fonction de la taille de l’écran ou de sa résolution. Il s’agit alors de les interroger pour modifier l’affichage de l’interface (positionnement des menus, nombre de colonnes, taille des images, etc.) afin de maintenir une présentation optimale de l’information.

Un exemple de comportement d’interface adaptative est disponible à cette adresse : http://www.alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html.


Envoyer un message

 
 

Catégories

 
 
Retour accueil  | Nous contacter  | Suivre la vie du site Flux RSS  | SPIP