CSS 3 : une extension anti-défilement !

Le , par Idelways, Expert éminent sénior
Parcourir la majeure partie du Web repose sur le défilement, une situation qui n'enchante pas l'inventeur du langage de présentation CSS, actuel Directeur technique d'Opera Software.

Håkon Wium Lie assimile le défilement aux archaïques parchemins qui ont dès le 5e siècle cédé leur place à une « killer app » appelée à l'époque codex, et aujourd'hui « livre ». Avant de revenir en force avec les navigateurs.

Dans le but de refaire l'histoire, il est l'auteur d'une proposition d'extension de CSS 3, au nom de code « Opera Reader ». Une fois standardisée et implémentée, elle devrait munir les navigateurs de capacité de navigation similaire à celle des e-reader, et représenter une alternative de faible coût à ces derniers.

La proposition intitulée « CSS Generated Content For Paged Media » est déjà hébergée sur le site du W3C et sera discutée dès cette semaine, pour son éventuelle intégration au standard en gestation : CSS 3.

Opera Labs téléchargeable, supporte cette extension pouvant être testée sur un document Web qui la décrit et l'implémente (via le préfixe propriétaire -o-).
Les pages peuvent être tournée à l'aide de la souris, des touches directionnelles du clavier ou les doigts sur les écrans tactiles.

Le code CSS se présente de cette manière, où l'élément <html> doit être contraint à 100% de la hauteur de la fenêtre, et le comportement de navigation est défini par la propriété overflow. Le tout englobé dans une nouvelle Media Querie.

Code : Sélectionner tout
1
2
3
4
5
6
7
 
@media -o-paged { 
  html {  
    height: 100%; 
    overflow: -o-paged-x; 
  } 
}
Le standard prend en charge la persistance visuelle d'éléments de navigation de la page, la gestion des sauts de page, la présentation multicolonnes, les illustrations flottantes et d'autres enrichissements...

Mais le W3C doit suivre, les éditeurs de navigateurs et les développeurs aussi. Cette initiative nous rappelle en tout cas que le gel de fonctionnalité n'a pas encore eu lieu pour CSS3.

La version formelle de la proposition (site du W3C)
Page de présentation

Source : Opera

Et vous ?

Que pensez-vous de la proposition d'Opera ?
Doit-on remplacer les barres de défilement par la navigation par page ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de tralloc tralloc - Membre actif https://www.developpez.com
le 03/11/2011 à 14:12
Personnellement j'ai du mal à voir dans quel cas ce serait bien et d'autres non.

Lorsque je parcoure ce forum en scrollant, tout va bien, j'ai une lecture continue je maintiens le texte à la hauteur de mes yeux ce qui me permet de ne pas me "dénuquer". Et ce point me semble positif.

Lorsque je lis une doc en pdf, j'utilise une vue justement paginée, ce qui me permet d'avoir une page entière. Mais je pense que j'ai cette habitude là simplement parce que je n'aime pas voir les sauts de pages.

Le scroll me semble meilleur pour la colonne vertébrale

Cela dit lorsque le texte est très long, le morceler est agréable pour le lecteur. Mais cela nécessite des clics à des endroits précis : sur un numéro de page (ex: sur ce forum), ou sur un chapitre (ex : dans une doc).

Ce qui serait sympa à imaginer, c'est que lorsqu'un tag définit arrive au milieu de la page, alors on va au chapitre ou à la section suivante.
Avatar de coshibe coshibe - Membre averti https://www.developpez.com
le 03/11/2011 à 15:36
Moi je trouve le concept plutot sympa, toutefois j'y verrai plusieurs conditions,

-la roulette de la souris servirait désormais à tourner les pages... du coup le bouton resterait utile.

-Faire tenir la page sur l'écran parce que si c'est pour avoir un petit bout de page caché et malgré tout devoir scroller....ça va m'énerver. Donc un calcul en % et non plus en px... ou alors supposer que tout le monde a au moins un 17pouces.

-Ca veut aussi dire épurer les sites, virez moi les horribles bannières en top, les pubs et les menus de 15 Km...

Avec ces quelques conditions je suis sur que son idée est géniale, on aura des vrais repères en naviguant, et non plus des "c'est à peu près au milieu de la page, un peu en dessous". Simplement ça impose de réfléchir différemment et d'oublier les vieux réflexes.

Son idée innove, laissons lui une chance avant de la condamner.
Avatar de vivoli12 vivoli12 - Membre régulier https://www.developpez.com
le 04/11/2011 à 10:24
Pas très ergonomique les exemples donnés.

On ne peut même pas sélectionner un bout de texte avec cette méthode de pagination (le clic servant à faire défiler les pages).
Avatar de fdejaigher fdejaigher - Nouveau membre du Club https://www.developpez.com
le 04/11/2011 à 19:04
Perso j'en vois un intérêt que très limité...

D'un point de vue pratique pour certains cas c'est utile, mais sinon de là à supprimer définitivement le scroll ça me surprendrai.
Avatar de pcaboche pcaboche - Rédacteur https://www.developpez.com
le 04/11/2011 à 21:04
Citation Envoyé par fdejaigher  Voir le message
D'un point de vue pratique pour certains cas c'est utile, mais sinon de là à supprimer définitivement le scroll ça me surprendrai.

C'est clair. Vous imaginez le forum de developpez sans scrollbars, obligé de tourner des pages ? Je pense que ça ne serait pas très pratique.

De là à dire que Developpez c'est archaïque parce que le site préfère le format parchemin au format livre, il faut arrêter la drogue...

Et si l'utilisateur préfère tourner des pages plutôt que d'utiliser une scrollbar, c'est plus au navigateur d'effectuer ce rendu, pas au site web de l'implémenter comme choix par défaut pour tout type de support. Mais bon on lui pardonne, il ne peut pas dire "je vais sortir un navigateur qui va implémenter ce rendu". C'est pas comme si il était directeur technique chez Opera (oh, attendez... )

Et si le W3C est vraiment à cours d'idées niveau fonctionnalités, ils n'ont qu'à s'inspirer de ce qui est implémenté dans jQuery. Là ce sont des fonctionnalités utiles, demandées par pas mal de professionnels qui sont obligés de passer par du javascript (avec tous les problèmes que cela engendre) pour implémenter un comportement qui n'existe pas par défaut dans le navigateur.
Avatar de pachot pachot - Expert confirmé https://www.developpez.com
le 07/11/2011 à 20:13
Et si on commençait par supprimer la touche Scroll Lock ?
Avatar de tomlev tomlev - Rédacteur/Modérateur https://www.developpez.com
le 07/11/2011 à 20:44
Citation Envoyé par pachot  Voir le message
Et si on commençait par supprimer la touche Scroll Lock ?

non, ça sert des fois... bon, pas souvent, je te l'accorde... mais quand t'as plein de texte qui défile super vite dans la console, c'est pratique !
Avatar de SpaceFrog SpaceFrog - Rédacteur/Modérateur https://www.developpez.com
le 09/11/2011 à 18:43
Quel intérêt de brider la chose ?
On peut déja faire les deux à ce jour ...
De plus avec les librairies à dispositons, telles jquery ou scriptaculous, on peut faire des modèles de navigation super sympas.
Avatar de Jygle Jygle - Membre à l'essai https://www.developpez.com
le 04/12/2011 à 19:58
Personnellement, ce que je trouve gênant avec ce type de navigation (par pagination), c'est que le nombre d'informations, quelle qu'en soit la nature (texte, image, etc...) sera vachement limité. C'est-à-dire que le temps de navigation sera plus important. Sauf si la transition entre chaque page est rapide... Si les pages se chargent bêtement à chaque clic, le résultat sera beaucoup moins confortable qu'avec le défilement. Mais même si le chargement est organisé pour se faire progressivement, je pense que le défilement reste une meilleure solution (il m'arrive par exemple de chercher une information qui se cache dans un texte de 3 mètres de long, et je ne pense pas que la navigation par pages soit ergonomique de ce point de vue).
Avatar de ludochm ludochm - Membre du Club https://www.developpez.com
le 08/12/2011 à 9:28
Citation Envoyé par tomlev  Voir le message
non, ça sert des fois... bon, pas souvent, je te l'accorde... mais quand t'as plein de texte qui défile super vite dans la console, c'est pratique !

ça marche pas sur mon PC

Sinon pour le sujet, et bien prenons par exemple la page de doc de Backbone.js : tout en une seule page, très pratique pour rechercher dedans.
Donc son truc c'est bien pour les blogs quoi, mais à part ça bof, il ne faudrait pas en faire une norme.
Avatar de Sergejack Sergejack - Membre éprouvé https://www.developpez.com
le 23/12/2011 à 12:29
L'analogie avec une comparaison livre/parchemin est abusive.
Sur un écran et avec une souris la mécanique n'a rien à voir.

C'est comme de dire "Dans l'antiquité on achetait au marché du coin à 300m et aujourd'hui on se déplace souvent de bien plus" en balayant les transports et le conditionnement moderne XD

Page up/down pour la plupart des navigateur permet déjà de passer d'un "écran" à l'autre.
Offres d'emploi IT
Architecte technique des systèmes d'information H/F
Safran - Ile de France - Évry (91090)
Chef projet big data - pse flotte H/F
Safran - Ile de France - Évry (91090)
Spécialiste systèmes informatiques qualité et référent procédure H/F
Safran - Ile de France - Colombes (92700)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil