Blog 2.0
Au cours de mes pérégrination sur le web, je suis tombé sur ce blog : Technologica. L’auteur est un développeur confirmé qui se sert de ce bog pour promouvoir ces start-up ainsi que les avancés technologiques qui y sont mis en oeuvre. Pas étonnant alors de faire de son blog une vitrine technologique.
On y retrouve ainsi un certain nombre de petites améliorations :
- possibilité de modifier la mise en page (fixe, fluide ou élastique) ;
- possibilité de définir le positionnement de la colonne de contenus annexes (à droite ou à gauche) ;
- possibilité de changer la taille de la police ;
- possibilité d’activer le rendu de la police des titres des billets (à l’aide de la technique du sFIR) ;
- moteur de recherche avec auto-complétion (Live search)…
Bref, tout un tas de petits gadgets qui démontrent le savoir-faire de l’auteur. Vous remarquerez au passage le panneaux flottant d’aide (en haut à gauche) avec un très bel effet cinématique.
Maintenant la question que vous vous posez tous est : Est-ce vraiment utile ?
Ce à quoi je répondrais : Pas réellement mais c’est sympa quand même !
Plus sérieusement, dans la mesure où ces raffinements technologiques peuvent être désactivés et qu’ils se dégradent proprement… pourquoi pas.
Quel est votre point de vue en tant que lecteurs de blogs ?
loopion a dit :
Ca c’est le blog Typo qui tourne avec Ruby On Rails. La template n’est pas celle de base mais est téléchargeable je ne sais plus trop où…
En revanche le concept de promouvoir les startup via un blog ultra techno est intéressant !
JS a dit :
Je trouve ça sympa, par contre, je n’ai pas testé si ça gardait la configuration lors de la visite suivante.
Ca n’apporte pas grand chose, mais disons que c’est marrant et bien fait.
JB Boisseau a dit :
Le principe est intéressant… mais il n’y a rien de très spectaculaire là-dedans (ni très utile, ni très fort d’un point de vue techno).
Ca reste quand même un plus par rapport à un blog lambda dans la mesure où c’est bien fait et où ce n’est pas désagréable.
NiKo a dit :
Il s’agit du thème Origami pour Typo, réalisé par Leevi Graham.
Vinch a dit :
Erf ! En effet, pas très original tout ça… Ce serait bien d’avoir toutes ces fonctionnalités dans DotClear 2 (je rève ?)
Philippe a dit :
Que c’est lourd… 100% d’occupation de la CPU pendant le chargement, >50Mo de ram… C’est ça le web 2.0 ?
Fred C. a dit :
50 Mo de RAM ? ça me semble un peu trop pour quelques images, du code JS et quelques bouts de Flash pour les titres…
/Fred
neolao a dit :
heureusement qu’on peut désactiver, mais à la première visite, ca rame …
donc, je dirai que c’est trop tot pour mettre ca par défaut. Suivant les config, on a perd en confort, et c’est pire si on ne trouve pas comment désactiver.
katsoura a dit :
Superbe template !
Dans le même sujet, TemplateMonster fait des template pour WordPress: http://www.templatemonster.com/category/wordpress-themes/
Eric a dit :
Un peu long à charger (ça vient de la technique du sFIR d’activation de rendu des typos en Flash ?)
J’ai découvert deux choses grâce à ton article Fred :
En revanche la technique du sFIR donne les titres en Flash et donc on ne peut voir l’URL vers laquelle ils pointent quand on les survole à la souris, or je m’aperçois que j’utilise ça en permanence donc là ça manque.
flo a dit :
C’est une rcherche intéressante, ça milite pour le confort du visiteur. Superflu ? Pas sûr. La possibilité de faire varier la taille de la police par exemple : parfois les internautes ne songent pas à regarder dans le menu de leur navigateur pour le faire, ce qui facilite le geste est bien (toutefois, sur un blog qui s’adresse à des internautes avertis, c’est moins “urgent”). La possibilité de faire varier la mise en page est intéressante, elle permet de conserver son listing de favoris par exemple sous IE, sans “manger” la page visitée. En gros, ce que je trouve de positif là-dedans, c’est que les variations proposéess ont un bon compromis : le visiteur fait ses choix sans que l’identité du site soit touchée. C’est à mon sens une exploration concrète de la question du “Jusqu’où faut-il laisser des choix d’ergonomie/de design à l’utilisateur ?”, et ça c’est une problématique très intéressante. Rien que pour ça, je trouve les propositions de ce site innovantes.
Aymeric a dit :
Personnellement j’utilise mon aggrégateur pour lire les flux RSS de mes blogs préférés et je ne m’y rends que pour avoir une meilleure idée visuelle d’un billet ou pour y laisser un commentaire…. ce type de “petits trucs” en plus est donc amusant, anecdotique, mais dans l’absolu je ne suis pas sûr que cela soit réellement utile…
neolao a dit :
ca fait surtout une bonne démonstration du html et css
Fred C. a dit :
… et du javascript, et d’Ajax, et de Flash.
/Fred
neolao a dit :
ouaip, javascript j’avais oublié
pour Flash, ca se limite à avoir la bonne police nan ? j’ai rien vu d’autre que des titres et liens en Flash. Si c’est juste pour avoir du texte dans la police qui faut, j’aurai préféré une image quitte à perdre la sélection. Une image générée bien sûr.
C’est pas la première fois que j’vois un site avec plein de Flash juste pour des titres, j’aime pas tellement.
leafar a dit :
J’ai fait un tour dessus aussi. C’est propre et agréable. Les cases pour les liens sont une très bonne idée (mais il utilise l’history et pas le clic) La personnalisation du format reste quand on navigue. IL a interviewé Fred Wilson qui est le VC avec des bonnes idées sur la côte EST. J’ai presque envie de refaire mon blog du coup. Des que j’aurais du temps je ferais un petit boulot de mise en page.
Merci pour les liens et pour tes post qui sont passionnant du F à la perso sur Amazon.
After 2 weeks you just entered my Google reader (The VIP one which include Fred Wilson / It’s the top 20)
Mère Teresa a dit :
C’est un peu antique comme effet : http://cybercodeur.net/ le proposait déjà.
Thierry a dit :
Vivement le web 2.1, c’est-à-dire le web 2.0 débarrassé de ses scories (fausses découvertes, pédantisme, etc.) ;-))))
Non, pour de bon…
Lançons le web 2.1 : un web 2.0 plus mûr, plus efficace, plus reposé…
Thierry
Thanh a dit :
En terme de Blog qui en mettait plein la vue, Thierry nous montrais de belles choses via son journal.
http://www.egographies.com/
Mais il est revenu à des choses plus simple. Tant mieux/pis c’est selon les points de vue
Jérémie a dit :
Comme cela a été dit, c’est de Leevi Graham ; qui a fait un remarquable (bien que perfectible) travail sur l’ergonomie de ces petites fonctions de personnalisation d’un site.
Et oui c’est “ça” aussi le soit-disant “web2.0″, à savoir une grosse consommation de code qui se traduit en occupation cpu et en usage mémoire.
Mis à part la lourdeur, en tant que lecteur du web (pourquoi limiter çà aux blogs ?) c’est quelque chose d’utile et d’agréable. Déjà ça force les webmasters à penser au design fluide de leurs pages, c’est donc éducatif et bon pour eux :-p
Emmanuel Douaud a dit :
Bonjour,
Le site que tu présentes Fred, au delà de l’aspect technique certainement très intéressant, me fait penser à une veille question auquelle je n’ai toujours de réponse.
Nous réfléchissons à proposer ce genre de fonctionnalité sur des blogs, d’une manière plus générale, puisque le web 2.0 est symbolisé par le read/write, pourquoi ne pas imaginer que les visiteurs puissent réorganiser la page des blogs qu’ils visitent selon leur préférence. A chaque fois qu’il revient, le visiteur retrouve le blog dans l’état ou il l’a laissé…
L’intérêt me semble évident : on améliore ainsi notre capacité à appréhender rapidement un nouveau contenu parce que le contenant est déjà à notre image. La question qui se pose est évidemment ou s’arrêter. Le propriétaire du blog ayant lui-même choisie une organisation et couleurs / polices de pages qui lui ressemble…
Je pense que la question peut se rapprocher des “Livres dont on est le héro”, qui n’ont pas si bien marchés d’ailleurs… Aime-t-on tout maîtriser ou être surpris?
Emmanuel Douaud
http://www.seemy.eu
lagneau a dit :
Petits gadgets sympas, il est vrai, mais qui n’apportent pas un vrai “plus” . Le plus important reste ce que l’on a à dire…
katsoura a dit :
Tiens je n’avais pas remarqué les liens faits en flash. Je ne saisi pas bien l’intérêt, une image en roll-over fait parfaitement l’affaire. Et comme le dit Eric, on ne voit pas la source de destination… ça s’est embêtant.
Alors est-ce vraiment utile ? mis à part certains outils comme la taille du texte destiné à un public particulier, ce sont des petits gadgets qui font le charme du site. Ceci dit, j’aimerais bien savoir dans quel cas on aimerait voir le site sur toute sa longueur (élastique). D’un point de vue ergonomique c’est contre productif. Les phrases sont tellement longues que l’oeil se perd à la fin de chaque phrase et s’embrouille dans les lignes suivantes surtout si les paragraphes sont longs et s’il n’y a pas d’acroches visuels. On se rend bien compte également que le rendu n’est pas correctement géré sur tous les billets.
Strass a dit :
Comme d’autres l’ont fait remarqué, le moteur de ce blog est Typo, développé grâce à Ruby on Rails, et le “live search” est un élément complètement banal à faire avec Rails (et est en standard sous Typo). Sinon effectivement, la réalisation est exemplaire par rapport aux technos actuelles, mais bon, sans plus…
Brig Otton a dit :
Je trouve le flash inutile. Par exemple, pour la taille de police, un simple setActiveStyleSheet mis sur une image aurait bien marché, avec un CSS alternatif (plutot que de faire une anim’ flash pour cliquer sur un A ethéré). Idem pour la disposition.
Et pour les texte en flash (soit disant sFire), je ne vois pas l’intéret. La seule différence que j’ai trouvée est que ça ne marche pas sans flash, et que quand on passe dessus ça change de couleur (hover en CSS c’est pas fait pour les chiens).
Bref, beaucoup pour rien.
Jerome a dit :
Pour avoir déjà employé le siFr, j’en ai retenu que c’était un peu chiant à mettre en place mais quand même bien pratique.
Les avantages par rapport aux css :
Les avantages par rapport aux images :
Les inconveniants :
pour moi en tout cas, beaucoup d’avantages et peu d’inconveniants. Une bonne solution pour intégrer proprement des polices originales.
Pour le reste du template, moi l’ajax ca commence à me gonfler même comme simple utilisateur, surtout à cause de la lourdeur du js et de l’impossibilité d’utiliser le bouton Back du navigateur.
Régis a dit :
Pour ma part, je trouve que donner autant de liberté à l’utilisateur pour un site qui ne demande pas a priori une interaction poussée (en fait aucune interaction vu que c’est un site d’infos) est totalement inutile… sauf s’il s’agit comme tu le dis Fred de montrer ses compétences. Personnellement lorsque j’arrive sur un blog, je ne cherche en aucune facon à essayer de modifier la forme de ce blog (police, mise en page, etc…). Si l’auteur l’a fait d’une facon par défaut, et bien je l’accepte. Pourquoi devrait il systématiquement proposer des solutions alternatives (fluid, pas fluid) ? Un blog étant un espace personnel, il n’a pas a essayé de séduire ces lecteurs qui de toute manière, pour la grosse majorité, n’a même pas conscience qu’il est possible de modifier la page. Attention je ne parle ici que du cas précis des blogs…
neolao a dit :
je répond à Jerome : ce n’est pas le nombre d’avantages qui compte, mais l’importance
Le fait que ce soit plus lent à charger joue contre le confort de navigation, et ça, c’est un inconvénient qui bouffe plusieurs avantages à mon avis
Il y a un truc qui me dérange dans tout ça. Un site construit très “HTML” qui utilise des éléments Flash par ci par là “juste pour affichier la police” … ca commence à ressembler à “site perso avec gif animé” en exagérant un peu.
Après ya les sites très graphique et là c’est important, et on fait tout en Flash.
Personne n’a un arrière gout de “pas propre” dans tout ca ? Comme si j’prenais un t-shirt tout blanc et que j’dessinais moi même le logo Nike avec un feutre lol.
marselb a dit :
nickel chrome, j’aime bien
Jerome a dit :
neolao> Tu sembles considérer uniquement 2 types de site : les sites de contenu, pauvres graphiquement, et les sites très graphiques. Pourquoi ne pas avoir un bon compromis avec ce genre de solutions ?
Pour ce qui est de la vitesse de chargement, c’est plus une sensation, les textes en sifr s’affichent après tous les autres textes et on a ce sentiment de décalage. Mais ce n’est pas lourd, bien moins qu’un site avec plein d’ajax partout.
Pas propre ? ça se dégrade très bien pourtant. Je ne sais pas ce qu’il y a de pas propre, c’est dynamique, c’est beau, c’est léger…
Tu es allé voir la page d’exemple ici ? : http://www.mikeindustries.com/blog/files/sifr/2.0/
La seule chose que l’on peut repprocher à cet exemple c’est de vouloir faire ressembler le web à l’édition papier, ce qui n’est pas forcement une bonne chose. Mais le sifr c’est la manière la plus simple de faire cela…
neolao a dit :
je disais “pas propre” dans le sens du code, mais dans le rendu final
Moi ca me gène vraiment cette utilisation du Flash. On peut très bien faire un beau site sans utiliser cet artifice. Si tu veux, c’est comme la goutte d’eau qui fait déborder le vase, le gadget en trop.
Je me rappelle d’un billet ici, où fred parlait de l’opinion qu’ont les surfeur en très peu de temps sur un site. C’est pareil quand je vois ce genre de gadget. Mais je suis peut-être le seul. Enfin, j’aurai vraiment peur si cette pratique se répand.
Denis a dit :
Bon, c’est un template ok, un breua template quand même mais un peu lourd il est vrai.
Le sfir je suis pas très fan pour le moment mais ça a le mérite d’exister, c’est une sorte d’avancé technologie qui va amener à d’autres avancés ou bien ça sera plus performant.
Ce billet aura au moins le mérite d’avoir soulever une bonne discussion. Bien joué FRED.
Olivier D. alias ze kat a dit :
D’aprés Google, tu es le seul bloggueur francophone a s’être demandé ce que pourrait être le “Blog 2.0″ !
J’ai eu un gros débat en privé sur la ressemblance de mes expériences Life-Line avec la sémantique du “Blog”, et la nouvelle expérience visant à webmailtiser* Life-Line pourrait peut-être t’aider à progresser dans ta réflexion, non ?! (*) en détectant ou enregistrant les pages vues pour réduire les résumés lors des visites suivantes.
NB: et çà me ferait trés plaisir de te faire une Life-Line attitrée, et que tu participe à mon cercle privé de réflexion ;o)
Fred C. a dit :
Heu… ? C’est à dire que les billets se referment une fois visionnés, c’est ça ?
/Fred
Olivier D. alias ze kat a dit :
Exact :op
Mais va voir http://dzolivier.life-line.miaouw.net
Car c’est aussi la façon de présenter l’information et même de la composer dans le code source - trés épuré - qui me semble originale :o”