New look

Publié le 7 février 2008 - 13 commentaires -
PDF Afficher une version imprimable de cet article
  

Vous l’avez sans-doutes remarqué, j’ai mis à jour le style de ce blog en le modernisant quelque peu et en le simplifiant.

Certes, je ne suis pas un designer ni un spécialiste des feuilles de style CSS, donc c’est peut-être encore trop dans le genre “ingénieur”. Mais on ne se refait pas… surtout lorsque, comme moi, on cherche à tout faire soi-même.

Contrairement à la plupart des blogs, celui-ci fonctionne en “largeur variable”. Son contenu s’adapte dynamiquement en fonction de la largeur de notre navigateur (cf ci-dessous). Cela créé quelques contraintes: le bandeau de titre doit pouvoir s’étirer sans se déformer, et la feuille de style doit intégrer des colonnes de taille proportionnelle à celle de l’espace disponible dans le navigateur. Compte-tenu de la longueur habituelle de mes posts, cela procure une souplesse dans le mode de lecture (lignes plus ou moins longues).

image

image

Au passage, j’ai aussi corrigé quelques bugs qui rendaient l’affichage différent selon que l’on utilisait Firefox ou Internet Explorer. Les deux navigateurs ne gèrent pas de la même manière les valeurs par défaut, ce qui demande d’être assez rigoureux dans les définitions de styles.

J’en ai profité pour ajouter deux autres fonctionnalités qui pourraient vous intéresser:

  • Mes commentaires apparaissent avec un fond différent (plus foncé) que les autres commentaires. C’est courant maintenant pour distinguer les flux de commentaires et le dialogue avec l’auteur.

image

  • Le support des mobiles. Grâce à un plug-in très facile à installer (WordPress Mobile Plug-In, d’Andy Moore), il semble bien fonctionner. Je l’ai testé sur Windows Mobile sur un HTC, et tout va bien. Un émulateur web m’a permis de voir à quoi cela ressemblait sur un smartphone, tel qu’un Nokia N70 (ci-dessous). Il faudrait le tester sur un iPhone, que je n’ai pas sous la main. Reste à savoir si c’est vraiment utile. Quelle peut bien être la proportion des lecteurs d’un blog qui le consultent sur leur mobile? A vous de me le dire…

WordpressMobile

 

WordPress reste en tout cas un excellent logiciel open source pour gérer son blog. J’en découvre tous les jours de nouvelles facettes et une richesse incroyable de plug-ins. Je l’avais sélectionné en lançant ce blog en avril 2006. Il était déjà très populaire. Depuis, c’est devenu une véritable référence. C’est notamment la plateforme qui fait tourner les blogs du Monde.fr!

Voilà, c’est tout pour aujourd’hui … pour le post le plus court de l’année !

RRR

 
S
S
S
S
S
S
S
img
img
img

Publié le 7 février 2008 Post de | Blogs | 15182 lectures

PDF Afficher une version imprimable de cet article     

Reçevez par email les alertes de parution de nouveaux articles :

Les 13 commentaires et tweets sur “New look” :

  • [1] - Danielito a écrit le 7 février 2008 :

    Hello Olivier,

    Sympa le nouveau look, j’aurais juste rajouté deux ou trois “badges” ou une nouvelle section “téléchargements” avec tes dossiers “de fond” comme le retour du CES2008 ou le dossier sur le financment des startups techno en haut a droit.

    Ce sont quand même des resources clé qui ont une grosse valeur pour les lecteurs.

    A+

    Daniel

  • [2] - Olivier Ezratty a écrit le 7 février 2008 :

    En fait, la section téléchargement existe, elle s’appelle “Publications”. Donc, il faudrait peut-être que je la renomme.

    Et sinon, je cherche à créer un lien direct sur les PDF dans les images des deux docs dans le bandeau. Mais, je ne sais pas comment faire. Est-il possible en XHTML de créer un lien “

  • [3] - Nicolas a écrit le 7 février 2008 :

    Bel exercie pour la lisibilité.

    Wouahou, et dire que comme Olivier Ezratty et lemonde.fr, nous somms sur une plate-forme wordpress… le choix des bons ?

    Sinon : plutôt lecteur de flux RSS de blogs sur Opera Mini.

  • [4] - Danielito a écrit le 7 février 2008 :

    Coucou Olivier, c’est surtout que le lien publication est perdu tout en bas et que quand je le cherchais je m’attendais à trouver une section (comme Posts ou Pages…) avec directement les liens vers les PDFs.

    Pour ce que tu veux faire c’est possible en utilisant une image map ou alors en jouant avec des layers en CSS je pense (mais je ne suis pas un spécialiste de ça)

    A+

  • [5] - Olivier Ezratty a écrit le 7 février 2008 :

    Suffit de demander!

    J’ai fait en sorte que l’on puisse cliquer sur les images des docs dans le bandeau de titre et cela va sur une page d’accueil de téléchargement. Et avec un beau bouton au milieu. Le tout grâce à une image PNG transparente positionnée en coordonnées absolues en haut.

    Et puis, dans la colonne de droite, “Publications” et “Conférences” sont sous la rubrique Téléchargements.

  • [6] - Benoit Felten a écrit le 7 février 2008 :

    Olivier,

    Le new look est vraiment mieux (et puis ta photo fait moins peur que le retouchage précédent!)

    Par contre le truc de couleur différente pour tes commentaires n’a pas l’air de marcher, en tous cas sur ceux-ci!

    A quand le rapport CES sur Lulu ?

  • [7] - Olivier Ezratty a écrit le 7 février 2008 :

    En fait, il fonctionnait sur Firefox, mais pas sous IE7, donc je l’ai désactivé en attendant de trouver le pourquoi de cette différence de comportement! Et c’est maintenant corrigé. Voilà ce que c’est de faire du PHP à la petite semaine…

  • [8] - Simon Mourier a écrit le 10 février 2008 :

    Bonjour Olivier,

    C’est bien ce nouveau look. Sinon, histoire de jouer les rabats-joie, le haut de page ne s’affiche pas bien du tout sur IE6 (oui je sais, je sais … :-). Bon ça reste 100% fonctionnel hein.

  • [9] - Olivier Ezratty a écrit le 10 février 2008 :

    Flute! Je n’ai pas de quoi tester IE6 chez moi. Il ne doit pas bien supporter les CSS2 et les DIV imbriquées. Il faudrait donc que j’intègre du code conditionnel dans mes templates… et que je trouve le moyen de faire des tests sur IE6 (et Safari au passage). Existe-t-il des outils pour ce faire?

  • [10] - Olivier Ezratty a écrit le 10 février 2008 :

    Bon, j’ai trouvé un outil qui permet de tester IE5/6 sur XP, et identifié d’où provenait le pb: IE6 ne supporte pas la couche Alpha (de transparence) des PNG, que j’utilise pour créer les liens dans le bandeau vers la page d’accueil et vers la page de téléchargement (peut-être pas la méthode la plus clean de faire cela, en effet…). Donc, je vais intégrer un code supprimant ces PNG dans le cas où le browser est IE6 ou inférieur.

  • [11] - Olivier Ezratty a écrit le 10 février 2008 :

    C’est maintenant corrigé et testé sur IE 5.5, IE6, IE7 et Firefox 2.0X et compatibles.

  • [12] - jlc a écrit le 18 février 2008 :

    Et bien je suis un lecteur régulier et attentif de ton blog, et je le fais régulièrement sur mon iphone (notamment dans les transports …) et via essentiellement netvibes.

    J’apporte donc donc ma petite contribution comme testeur…

    la page d’accueil fonctionne bien , par contre le détail d’un post provoque une erreur ” error on line 1 at colummn 1107: opening and ending tag mismatch: img line 0 and a”
    même si le début du post est lisible mais coupé, par exemple sur ce poste juste après ta 1ere illustration.

    Voila bon courage, cela étant sous netvibes ca reste lisible en entier …

  • [13] - Olivier Ezratty a écrit le 18 février 2008 :

    Voilà un bug qui ne va pas être facile à corriger… à la main! Il est probable que les développeurs du plug-in que j’ai installé ne supportent pas encore l’iPhone, mais cela pourrait évoluer favorablement. Je vais aller vérifier cela…




Ajouter un commentaire

Vous pouvez utiliser ces tags dans vos commentaires :<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> , sachant qu'une prévisualisation de votre commentaire est disponible en bas de page après le captcha.

Captcha

Pour valider votre commentaire, veuillez saisir les lettres ci-dessus et cliquer sur le bouton Publier le commentaire ci-dessus.


Derniers articles

Derniers albums photos

Depuis juillet 2014, mes photos sont maintenant intégrées dans ce site sous la forme d'albums consultables dans le plugin "Photo-Folders". Voici les derniers albums publiés ou mis à jour. Cliquez sur les vignettes pour accéder aux albums.
albth
CES 2019 Jan2019
2019
2872 photos
albth
Nouveaux portraits
Expo
526 photos
albth
The Robot of the Year Nov2018
2018
35 photos
albth
Journée Innovation Défense Nov2019
2018
30 photos
albth
Mondial Auto et CES Unveiled Oct2018
2018
239 photos
albth
France Digitale Day Sept2018
2018
26 photos
albth
Universités d'Eté du MEDEF Aug2018
2018
37 photos

Téléchargements gratuits

Le Rapport du CES de Las Vegas, publié chaque année en janvier depuis 2006. Vous souhaitez une restitution personnalisée et un point de veille du marché pour votre organisation ? Contactez-moi.

CouvertureRapportCES

Comprendre l'informatique quantique, un ebook de 342 pages pour tout comprendre sur l'informatique quantique et ses enjeux pour l'entreprise :

image

Le Guide des Startups, mis à jour chaque année au printemps, avec la somme la plus complète et actualisée d'informations pour lancer et faire vivre votre startup :

image

L'ebook Les usages de l'intelligence artificielle, novembre 2018 (522 pages)

CouvertureAvanceesIA

Voir aussi la liste complète des publications de ce blog.

image

Avec Marie-Anne Magnac, j'ai lancé #QFDN, l'initiative de valorisation de femmes du numérique par la photo. Installée depuis début octobre 2015 au Hub de Bpirance à Paris, elle circule dans différentes manifestations. L'initiative rassemble plus de 650 femmes du numérique (en juillet 2017) et elle s'enrichi en continu. Tous les métiers du numérique y sont représentés.

Les photos et les bios de ces femmes du numérique sont présentés au complet sur le site QFDN ! Vous pouvez aussi visualiser les derniers portraits publiés sur mon propre site photo. Et ci-dessous, les 16 derniers par date de prise de vue, les vignettes étant cliquables.
flow
Fatimazahra Moraux (HEC)
Fatimazahra est Directrice des Systèmes d’information à HEC et en charge du réseau des anciens élèves.
flow
Annabelle Blanquero
Annabelle est Data Scientist et Consultante senior chez Octo Technology, spécialisée en Machine Learning.
flow
Sarah Mauret (Talan)
Ingénieure EPF et Georgiatech en Computer Engineering, Sarah est développeuse Blockchain chez TalanLabs.
flow
Sandrine Lebeau (Coinhouse)
Sandrine est Directrice de la Conformité et de la Gestion des Risques pour la société Coinhouse (anciennement La Maison du Bitcoin). Promouvoir les Blockchains, accompagner réglementairement le développement des Cryptoactifs (Bitcoin, Litecoin...) et lutter contre les risques, un challenge au quotidien et passionnant.
flow
Amandine Doat (Ledger)
Amandine est responsable des affaires gouvernementales chez Ledger, un spécialiste de la blockchain.
flow
Kheira Benmeridja (SETL)
Kheira est Product Owner, responsable du développement d’infrastructures de marché utilisant la technologie blockchain, chez SETL.
flow
Joëlle Toledano
Joëlle est Professeure d’économie (numérique, concurrence, ..), passionnée de politique publique (régulation, fréquences, blockchain, …) et impliquée dans le développement de startups.
flow
Marie-Line Ricard (Sia Partners)
Associée au sein du cabinet Sia Partners, dans le secteur financier autour des problématiques traditionnelles et des évolutions réglementaires et dans les nouvelles technologies telles que la #Blockchain, les ICOs, et plus globalement la token economy.
flow
Francesca Gatti Rodorigo (Awaywegals)
Francesca est développeuse web full-stack, Fondatrice et CEO de awaywegals.com, une plateforme web développée sur blockchain et dédiée aux voyageuses qui sera lancée en 2020.
flow
Ying-Huei Chu (MoneyTrack)
Ying-Huei est Product Owner chez MoneyTrack, une startup dont la solution permet de tracer l'utilisation de fonds avec le blockchain, l'indemnisation d'assurance, le budget de l'état, les bourses scolaires, etc.
flow
Carole Vachet
Carole est Adjointe au Chef du Bureau Epargne et Marchés financiers de la Direction Générale du Trésor, en charge des sujets d’innovation financière.
flow
Stéphanie Flacher (Maslow Capital Partner)
Stéphanie est Directrice du département Blockchain de Maslow Capital Partner, banque d'affaires indépendante spécialisée dans l'accompagnement des entreprises européennes à forte croissance.
flow
Jeanne Dussueil
Jeanne est journaliste économie et tech, fondatrice du nouveau média GlobalizNow.com et coordinatrice de l’association Fais Ton Réseau.
flow
Liz NDouga (SII)
Liz est consultante et développeuse Blockchain chez SII (Société pour l'informatique industrielle), une entreprise de services numériques basée à Paris, implantée partout en France et à l'international. En parallèle, donne des cours sur la Blockchain à l'école d'ingénieurs ECE Paris.
flow
Elise de Préville
Elise est consultante en Data Privacy et Cyber sécurité chez KPMG.
flow
Aroussia Maadi (Orange)
Aroussia est team Manager chez Orange, en charge d'une équipe de spécialistes en bases de données à la DSI d''Orange. Elle accompagne les applications du SI dans la construction d'architectures de bases de données et assure le maintien en conditions opérationnelles des plateformes. Elle est aussi investie dans la société civile, pour l'empowerment des femmes, en particulier en Afrique.

Derniers commentaires

“Pour Boston Dynamics, voir cette photo prise pendant la conférence USI en juin 2018 Hanson Robotics, c'est à la fois de l'observation des démonstrations...”
“Bonjour Olivier, Merci pour ton article, je suis globalement d'accord avec toi. "Les démonstrations des robots de Boston Dynamics sont en fait télécommandées avec une manette de jeu. Le chien Spot Mini ne...”
“Comme l'indique d'ailleurs l'étude de MMC Ventures, les techniques de l'IA sont amenées à se banaliser et à être utilisées partout. Il ne faut pas se plaindre que des entreprises puissent les utiliser rapidement...”
“Oui, c'est pour cela que j'ai précisé "d'origine française", le reste devant en effet américain : les équipes, la localisation et le financement. Cela met de l'eau dans mon moulin, car je passe mon temps à...”
“D'accord avec la conclusion, "les études disent que..." me semblent à prendre avec la même dose de prudence que les "palmarès des 20, des 30..." qui comparent des choux et de carottes. Ceci-dit la tendance à...”

Abonnement email

Pour recevoir par email les alertes de parution de nouveaux articles :


 

RRR

 
S
S
S
S
S
S
S
img
img
img

Catégories

Tags


Voyages

Voici les compte-rendu de divers voyages d'études où j'ai notamment pu découvrir les écosystèmes d'innovation dans le numérique de ces différents pays :

Evénements

J'interviens dans de nombreuses conférences, événements, et aussi dans les entreprises. Quelques exemples d'interventions sont évoqués ici. De nombreuses vidéos de mes interventions en conférence sont également disponibles sur YouTube.