Vous êtes dans la rubrioque Actualités 

Actualités

Johnny, le klebs des Chirac, la Princesse de Kokamo, etc.

Mars 08 01

Version imprimable Réunion de travail 2008-03-01

Adaptation iTheme à toute taille d 'écran

Participants

Mitra, Fix

Objet de la réunion

Obtenir une méthode et un plan de travail pour adapter "automatiquement" le modèle iTheme à un écran.

Avant-Propos

Nous nous sommes fixés comme méthode générale de réaliser progressivement des choses de plus en plus complexes. Apprendre en faisant. Continuer parce qu'on a réussi. Notre premier travail, sur une suggestion de Mitra : adapter "automatiquement"  iTheme à la taille de l'écran.

Le problème et le but

iTheme avant : la position des colonnes est définie fixement par rapport au bord gauche (de l'écran, du navigateur). Selon la taille de l'écran, l'ensemble du blog semble décalé vers la gauche par rapport à la totalité de l'écran, décalé vers la droite, ou centré.

iTheme après : quelle que soit la taille de l'écran (du navigateur), le blog apparaît centré.

Déroulement de la réunion

Fix apprend à lire un modèle VB
Mitra débute en javascript. "Tout est détectable (largeur écran, etc.) et modifiable (CSS, etc.)"
Test : le modèle détecte les dimensions de l'écran

Conclusion

Le problème posé peut être résolu très simplement :
1) détection des caractéristiques écran (navigateur)
2) en fonction de ces caractéristiques, une formule calcule l'emplacement souhaité des colonnes.
3) les valeurs des emplacements de colonne sont modifiées dans le CSS

Suite des opérations

1) Nous concoctons la formule, écrivons le script de modification des emplacements de colonne. Un modèle personnel adapté sera disponible d'ici peu ("le plus vite possible", ça vous va ?) pour que vous puissiez le tester.
2) .... éventuels perfectionnements et prise en compte des remarques des testeurs.

Remarque : nous essaierons autant que possible de documenter notre travail. Pour que d'autres puissent s'en inspirer, prendre la suite, etc.

Commentaires

super !
et si le lecteur a desactivé javascript, il aura un message d'erreur ou ce sera transparent ?

 


olivierMG | Le Samedi 01/03/2008 à 20:27 | [^] | Répondre

Re:

Excellente question, Olivier !

Si l'utilisateur a désactivé javascript, ou encore si son navigateur est une bouse incompatible, il ne se passera rien (*)

On pourrait prévoir une page par défaut (no javascript, ou vieille bouse) prévenant l'utilisateur qu'll rate des merveilles ... mais bof. AMHO, une ligne dans la partie "About" du blog devrait suffire : "si vous activez javascript, ou si vous utilisez un navigateur standard tel que (...) vous bénéficierez de merveilles". (Hé ! la façon de dire les choses positivement et de ne pas mentionner les bouses non standard )


(*) rien : c'est aux concepteurs du modèle de définir l'apparence du modèle lorsque ... "rien". "Rien", c'est plus spécialement adapté aux écrans 30' avec son en quadriphonie, aux écrans 14', aux écrans des EeePC (etc.)?

 


Fix | Le Samedi 01/03/2008 à 23:10 | [^] | Répondre

blogs d'essai

Bon travail: pop-up d'accueil m'apprenant que l'écran utilisé ce soir est en 1280x1024.
Compte-rendu émouvant, suspens haletant.
Je tiens humblement à vous rappeler ma légendaire générosité: vous voulez tester sur un modèle personnalisé? Queude, blog tenu par un de mes nombreux amis, s'offre à vous.
Le shplouc lui-même se proposera, dès l'instant où l'utilisateur pourra de lui-même accepter ou refuser que ne surgissent les popup qui, je n'en doute pas, fleuriront bientôt:
pop-up annonçant
la résolution d'écran (c'est fait)
le système d'exploitation
le navigateur
le nombre de visites précédentes effectuées par le zozo
les heures, voire les semaines passées sur ce site par le zozo
de quel site précédent vient le zozo
la photo de la femme du zozo
la photo nue de la femme du zozo
combien d'argent le zozo doit à viabloga

 


leblase | Le Dimanche 02/03/2008 à 20:21 | [^] | Répondre

Re: blogs d'essai

leblase, ô chef  extrêmement suprême de l'ergonomie, le moment venu, tu pourras obliger ton peuple à proposer à ton peuple de participer au Grand Concours des Trucs (utiles, inutiles, érotiques, comiques, productifs, pro-européens, activateurs de digestion, économiseurs de CO2, noueurs de lacets, cireurs de pompes, techniques, ultra-techniques, ultra-ultra-techniques, ultra-ultra-ultra-techniques et avec une probabilité non nulle de dérèglement des vis platinées, porphyriques, sado-bruichladdiques, beaux, vilains, poétiques, etc.), toutes les catégories auront droit à des nominés, même les pop-up annonçant "vous êtes probablement sur Internet" (à lire avec l'accent vaudois).

Et merci de nous proposer, de la part de ton cousin, le site Queude, que nous ravagerons avec la conscience professionnelle d'Attila et l'efficacité légendaire de l'Inspecteur Clouzeau. Ça va pleurer dans les chaumières, mais c'est pour la bonne cause.

Le shplouc himself ne perd rien pour attendre.

 


Fix | Le Dimanche 02/03/2008 à 22:55 | [^] | Répondre

 

Archives par mois