Fran6art 13 ans de blogging par Francis Chouquet

Fran6art change de peau !

0

Ca y est ! Depuis le temps que j’en parlais… J’ai finalement réussi à mettre quelque chose de nouveau en ligne…;-) Les prochains jours vont être principalement consacré à mettre tout en ordre pour cette nouvelle formule. Reste encore quelques modifications à faire, quelques ajustements à corriger, et stabiliser l’ensemble. Mais l’essentiel est là ! Un nouveau thème, beaucoup plus « pro » je dirais, beaucoup plus lisible et une sidebar accessible. Je l’ai voulu avec pas mal de données pour améliorer considérablement la navigation sur le blog et faire baisser le rebond. J’en ai profité pour supprimer quelques widgets qui bouffent du temps de chargement comme le widget MyBloglog et Critéo. Par contre, d’autres choses risquent d’arriver dans les prochains jours.

Donc, ici, vous êtes en présence de la version 1.0. Restent encore pas mal de choses à faire mais je souhaitais mettre le thème en ligne pendant l’été plutôt qu’à la rentrée. Du coup, toutes les nouveautés ne sont pas encore en ligne, mais c’est pas grave. A venir: un peu de Javascript dans la sidebar pour installer des menus déroulants, mais pas trop quand même. L’installation de SIFR pour les titres des articles, histoire de donner un peu plus d’identité visuelle. Et enfin, vous aurez remarqué qu’il n’y a pas encore de menu de navigation. Je bosse actuellement dessus et je ne sais pas encore trop où l’intégrer. Donc, en attendant, les pages du blog sont dans la sidebar. Elles devraient d’ailleurs également être réduites…

Ensuite, je me pose sérieusement la question de l’intérêt des asides, qu’ils soient en ligne ou dans la sidebar. Donc, ça devrait évoluer de ce côté-là aussi. Enfin, je vais travailler pas mal sur le code pour qu’il soit W3C « compliant », tant au niveau du HTML que des CSS.

Ensuite, ce thème est développé à partir de k2. Je vais regarder de plus près la stabilité de l’ensemble. Si le retour est positif, je resterai peut-être avec cette configuration. Si ce n’est pas le cas, je repartirai de 0, en utilisant mes tutos pour construire mon thème de A à Z !!

Côté pub, je vais sûrement revoir la disposition des encarts Adsense, et peut-être intégrer BlogBang. A voir, rien de décidé pour l’instant…

Donc, voilà, j’en dirai plus au fur et à mesure. J’espère que cette nouvelle disposition vous plaira. Tout commentaire, remarque est la bienvenue. Rien n’est figé pour le moment et je peux très bien faire évoluer le thème selon vos recommendations et remarques pertinentes. Le concept restera inchangé mais qui mieux que les visiteurs connaît la meilleure navigation pour le blog ?

Francis

79 Commentaires

  • Superbe !
    clair, lisible, des couleurs qui vont bien ensemble et enfin une sidebar pour F6A 😉

    Bon boulot Francis

  • Salut Nico ! Merci pour ton soutien… Disons qu’il y a encore pas mal de choses à faire mais le principal est là… Maintenant, je vais encore pas mal l’améliorer mais je pense qu’au niveau des stats, ça devrait intéressant de voir ce que ça va donner dans les prochaines semaines…;-)

  • hello F6 🙂

    j’étais sur netvibes et d’un coup hop ton flux avait disparu… là j’ai tout de suite compris alors un ptit détour sur le site et hop magieeeeeeeeeee trop beau j’adore les couleurs et le côté épuré 🙂 je veux le même lol

    pour le flux rss c’est re ok 🙂

    bon je vais un peu regarder ce nouveau thème de plus près 😉
    à bientôt

    MJ

  • Très propre.

    Juste un petit truc qui m’a dérouté, il faut mettre un pointeur sur « Recevez les prochains articles …  » et aussi sur « Tutoriels : …. A à Z ».

  • Salut Simon,

    Effectivement, je viens de placer un « cursor: pointer; » pour améliorer la lisibilité des stickers dans la sidebar. C’est la partie sur laquelle j’ai encore le plus de boulot. Là, j’ai mis une version « texte » en attendant de trouver mieux, du style image issu de la librairie GD Php, mais rien de sûr. Je continue de tester… 😉

  • Magnifique travail, je pense également faire une refonte de mon site, et ton nouveau visuel est très motivant.

    Bravo !

  • Un thème très abouti !

    Il reste des erreurs mais qui semblent principalement provenir de K2 (par exemple, la liveSearch Bar).

    Suite à cette première release, il pourrait être intéressant d’avoir un retour d’expérience non pas sur l’aspect technologique qui est reporté dans les tutoriaux mais plutôt sur le temps consacré sur chaque tache (par exemple, combien sur le design, sur la reprise de K2). En effet, partant aussi sur l’idée de faire un thème perso, je m’interroge sur l’investissement horaire brut d’une telle démarche.

  • Log > Tu pourrais m’en dire plus sur ce qui cloche avec la search bar ? 😉 Sinon, pas de problèmes, je peux faire un ou plusieurs articles expliquant le temps passé et la répartition des tâches !

  • Je l’attendais avec impatience, mais je savais (enfin presque sûr à 99%) qu’il sortait aujourd’hui … 😉
    Plus que tout, j’aime cette association de couleurs, assez osées finalement…
    Là tout de suite, ma seule remarque concernera la sidebar : je pense que la police du contenu est trop petite…

    Courage pour la suite !

  • Superbe design ! Vraiment du très beau travail.

    Comme certains commentaires ci-dessus, le police de la sidebar est peut être un pixel trop petit par contre.

  • Waw !
    Je ne suis pas hyper fan des couleurs, c’est sûr que l’ensemble est plus lisible et sera plus accessible et navigable.
    C’est vrai que ça fait plus « pro » aussi.

    Sinon, j’ai dû cherché un peu le lien d’abonnement alors qu’il est tout en haut. Pour moi, l’icône orange de RSS est une convention extrèmement répandu et quasi-indispensable.
    En plus, je crois que cette petite pointe de orange « réchaufferait » l’ensemble au niveau des couleurs.
    C’est juste mon avis…

    Bravo !

  • Hoouuuu c’est tout beau ! héhé. Très clair, très pro, très bien ! 🙂

  • Super……….le theme me plait bcp….
    mais c est vrai que la sidebar est un poil trop petite a mon avis….

    une toute petite chose me gene un peu , l encars vert avec le nb d abonnés…. je trouve qu’il attire bcp l’oeil (peut etre est ce fait expres ?? ) mais un peu trop pour moi

  • Merci à tous pour vos premiers commentaires !! 😉

    Alors, concernant la sidebar, je suis passé en 1.1em. Je me vois mal faire plus gros, on risque de mélanger le contenu et la sidebar… Mais je ferai des essais avec CSSEdit, qui est vraiment un super soft pour ça…

    Ensuite, concernant les couleurs, ce sont celles que je voulais. Je ne sais pas si vous vous souvenez, mais je vous avais montré un premier design très « flashy » qui avait un peu rebuté certains. J’aime ce genre de couleurs et surtout je trouve 95% des sites web beaucoup trop ternes et tristes…

    Enfin, concernant le sticker pour le nombre d’abonnés, c’est un travail visuel en fait, histoire de couper avec le header sombre. Qui plus est, sur sûr que ça attire l’oeil 😉 Maintenant, c’est sûr qu’on n’aime ou qu’on n’aime pas !! 😉

  • Joli thème : beau boulot ! Bravo

    +1 avec log pour les articles sur le temps passé etc. 😉

    +1 avec Romain sur la taille de la police même si un petit ctrl + augmente sous firefox ubuntu la taille de la police

    J’attends les changements promis…les nouveautés 🙂

  • Daria > Tu pourrais m’en dire plus sur les « articles passés » ? Je ne comprends pas trop le problème…;-)

    Sinon, concernant la sidebar, c’est toujours pas assez grand ? snif…snif… 😀

  • j’avais oublié de dire pour la taille du texte en sidebar effectivement un poil trop petit 🙂

    sinon comment on ajoute un avatar à son profil ??

  • mj23 > Tu veux voir ta photo dans les commentaires c’est ça ? Faut t’inscrire sur MyBlogLog

  • Très chouette ça, ta page d’accueil à vraiment de la gueule ^^

    Concernant la police de la sidebar, moi ça ne me dérange pas, je préfère quand c’est petit et discret :p

    Les couleurs sont belles aussi, ce jaune/vert et ce bleu vont bien ensemble, bref j’adore !

  • La fameuse sidebar est enfin arrivée! Dommage que les articles récents n’y figurent pas, mais bon il faut faire des choix, c’est dur de tout mettre (au fait, tu en es où à propos de l’article collaboratif?)
    Je note aussi une police de caractères assez petite, ne serait-ce pas gênant pour les personnes qui ont des résolutions élevées?

  • Salut Argancel,

    Les articles les plus récents sont bien dans la sidebar, peut-être un peu bas…à réfléchir…
    Sinon, concernant la police de caractère, c’est le meilleur compromis que j’ai trouvé, après pas mal de tergiversations, problèmes de compatibilités entre navigateurs, où la police n’est pas toujours affichée de la même manière, avec la même taille… Mais elle est affichée de la même manière quelle que soit la résolution.

    PS: l’article collaboratif et les tutos SEO arrivent avant la fin de la semaine, mais je ne peux pas être partout en même temps !!! 😀

  • Pour les articles passés je voulais reprendre l’idée de log…tu lui as répondu « Sinon, pas de problèmes, je peux faire un ou plusieurs articles expliquant le temps passé et la répartition des tâches ! » C’est ça dont je parlais c’est tout 😛 😉

    Pour la taille de la police, je crois :
    1) tu n’es pas le seul à avoir une police « si petite »
    2) chacun peut y remédier en augmentant par son navigateur la taille de la police…parce qu’entre les différents navigateurs qui existent (police compatible : tu Y as réfléchi ;à 🙂 ), les différentes tailles d’écran : 15 pouces, 17 pouces etc. 15’4 » etc. et les différentes résolutions d’écran adoptées par chacun…il n’est malheureusement pas possible de satisfaire tout le monde 🙁
    Bref moi quand je viens (et venais) ici je fais ctrl ++ 🙂

  • Salut, ben j’arrive en dernier pour critiquer ^^

    Le Layout trois colonnes est sympa, je compte le mettre en place pour Sutekidane.
    La mise en avant de l’abonnement RSS est bien faite
    La présentation des commentaires sous formes « de bulles » est sympa
    Tu devrais utiliser les smileys de Sutekidane :p

    En fait le seul truc qui me dérange c’est le vert qui fait trop fluo par rapport au reste.

  • Daria > Concernant la police, c’est vrai que c’est un vrai casse-tête chinois !!! 😀 Moi, j’ai testé sur un portable 15,4 pouces et un écran 20 pouces. Pas de soucis… C’est sûr que ce n’est pas facile de contenter tout le monde mais les polices en « em » sont là un peu pour ça aussi non ?? 😉

    Super Chinois > Tu peux critiquer tant que tu veux, on n’a pas tous les mêmes goûts, la même façon de voir les choses. Et puis, on apprend toujours en écoutant les autres, donc je n’ai aucun souci avec la critique. Finalement, vous êtes plusieurs à ne pas trop aimer ce vert flashy… Pour moi, c’est pour donner de la lumière à l’ensemble, peut-être du 100 watts pour certains !!! 😀

    Sinon, je vais regarder pour les smileys de Sutekidane, merci pour l’info !! 😉

  • Wahou!
    Magnifique Francis ! On voit qu’il y a du boulot derrière tout ça 🙂
    Bon je dois avouer que je ne suis pas particulièrement fan du mélange des couleurs jaune-vert / bleu, mais je vais m’y habituer ^^
    Sinon concernant tout le reste je dirais que c’est parfait, la taille, disposition, utilisation des icones, etc… très très très bon boulot 😉
    Juste une petite chose : je ne suis pas fan de l’affichage des commentaires sous forme de bulle au dessus de l’avatar, c’est moins lisible :/ mais bon, ce n’est que mon avis personnel 🙂

  • Merci SK pour ton commentaire ! 😉 J’ai pensé à toi pour les histoires de taille de police, vu que sur ton blog, c’est tout petit…:D mais j’aime beaucoup comme ça !! Désolé pour les couleurs, c’est une histoire de goût je crois… Et puis, concernant l’affichage des commentaires, je pense que l’utilisation me dira si c’est « lisible » ou non. Au moins, ça a le mérite d’être propre à mon goût. Je ne voulais pas de couleurs, juste quelque chose de léger… Mais là encore, c’est vraiment l’expérience qui va me dire ce que je garde et ce que je change…

    En tout cas, merci pour ton soutien, venant de ta part, j’apprécie tout particulièrement 😉

  • Je suis pas certain que tu ais mis tous les « cursor : pointer; » au bon endroit…
    Sinon, le logo WordPress en bas me semble un peu trop pixelisé.
    Et le smiley tout en bas, c’est pourquoi?

  • Simon > je regarderai les pointeurs ce soir… Sinon, concernant le smiley, il est toujours là ? Moi, je ne le vois pas !! 😀 En fait, c’est pour le plugin de stats de wordpress.com, mais je viens de le virer, donc le smiley devrait avoir disparu chez toi…

  • Je ne vois pas non plus de smiley en bas et les cursor pointer me semble correct ^^
    Simon, fais un coup de Ctrl+F5 sur ton navigateur ^^

  • yes, il n’est plus là!

  • Salut Fran6 ;

    Bon, j’arrive après la bataille pour donner mon avis. La mise en page fait trés pro, et le flux RSS est super bien mis en avant. -> +1

    Par contre, la taille du texte dans le formulaire de recherche (je dis bien : dans) est trop petite pour moi et mon petit écran, je n’arrive même pas à lire ce que je tape.

    Et puis je ne suis pas non plus fan du vert fluo, qui fait un peu trop « flashy » à mon goût. Je regrette un peu les couleurs de l’ancien thème, sombres et sobres, qui donnaient vraiment un côté « pro ». J’ai le sentiment que tu peux faire mieux que ça 😉

    C’était mon humble avis, j’espère qu’il pourra t’aider à améliorer encore ton blog. à++;

  • Je m’excuse d’avance pour le caractère troll du commentaire.

    Concernant, la barre de recherche, si la recherche fonctionne correctement, j’ai des erreurs sur le script LiveSearch :
    « liveSearchStart is not defined
    onkeypress(keypress charCode=101, keyCode=0) »

    Ceci est du, à mon avis, à la non-présence/non-activation du plugin de liveSearch qui doit normalement être activé avec K2 et qui permet d’afficher les pages d’archive correspondant à mesure de la saisie dans le champ de recherche (voir démo sur le site de référence http://getk2.com/).

    En espérant que cela te soit utile.

  • Sympa bravo!!!

  • Je trouve les polices un peu fines donc ça fait mal aux yeux mais en tout cas c’est propre

  • Log, toutes les critiques ne sont pas forcément trollesques 🙂

  • Thibault > T’as quoi comme écran ? Quel OS ? Quel navigateur ? Ca me permettra de voir ça de plus près… Merci d’avance !

    log > Je vais regarder cette histoire de livesearch. Normalement, tout devrait fonctionner correctement…

    Gonzague > C’est justement l’inverse que je n’aime pas. Les polices « pâtés », je ne peux plus les voir !! 😀 Niveau commentaires, par contre, je vais agrandir la police que je trouve trop petite…

    PS: d’ailleurs Firefox sous Windows est une véritable CATASTROPHE pour ce qui est de la typographie. Un vrai cauchemar ! IE7 est très loin devant à ce niveau-là… Et je ne parle pas des versions sous Mac… J’avoue que ça m’a pas mal déçu…

  • ok merci F6 pour l’info je me suis inscrit mais à priori l’avatar n’arrive pas à s’enregistrer je retenterai plus tard 🙂

  • Re Log > Ou est-ce que tu as ce problème de script ? Merci d’avance ! 😉

    Edit: C’est bon, j’ai trouvé l’erreur !! 😉

  • Joli boulot Francis ! Bravo.
    Concernant mes critiques, je trouve les titres de billets un peu fins… Mériteraient p’têtre d’être un peu plus mis en avant. Et le texte des billets pas assez noir… Enfin c’est du chipotage.
    Aussi pour le formulaire de recherche tu as : « taper » à l’infinitif et « appuyez » à l’impératif. Mieux vaudrait homogénéiser ça, bien que les deux modes soient corrects.

    Sinon encore félicitations Fran6 !

    Cyril

  • Fran6, je suis sous linux, avec firefox, sur un écran 15′, et les polices windows sont installées.

  • Salut Cyril,

    Merci pour la grammaire !! 😀 C’est bon, j’ai tout mis à l’impératif !!! 😀

    Sinon, concernant la taille des titres… Encore un sujet qui m’a bien pris la tête… J’ai commencé le design du site avec Century Gothic comme police pour les titres. Tout en mettant une autre police pour les ordis qui n’avaient pas CG (par défaut sur tout ordinateur ayant Microsoft Office). Mais il se trouve que cette police n’a pas la même grandeur selon le navigateur et l’OS !! Du coup, je n’ai pas pu faire ce que je voulais et j’ai donc trouvé une sorte de compromis.

    Maintenant, je ne les veux pas forcément trop grand non plus, pour une question d’homogénéité. Je ne suis pas fan du titre énorme, qui plus est s’il est long. Maintenant, je regarderai ce que ça donne en l’agrandissant quand même un peu ! 😉

  • nabil

    Salut,

    Félicitations pour ce changement de « décoration intérieure ».
    Je sais que trouver le bon style qui va n’est pas chose facile, je sais que c’est ta version 1.0 et que tu vas bosser notamment sur la partie « navigation » au sein du site mais essaye de privilégier la facilité d’utilisation.
    Une remarque toutefois : je suis d’accord avec certains concernant les couleurs. Le bleu + un vert qui flash, ça me dérange un peu, surtout le vert que je trouve assez agressif pour l’oeil (sûrement du au fait que les polices soient assez petites et que du coup notre vision converge un peu trop).
    Donc mon avis : essaye de revoir les couleurs (tu peux t’aider des codes couleurs pour la création de sites web) et essaye de ne pas trop varier la taille des polices (sinon on risque de se fatiguer les yeux).

  • Thibault > Je l’ai agrandi un peu, mais le problème est toujours le même…sur certains navigateurs, le texte va sortir de la case… Donc, soit j’arrive à trouver la bonne taille pour que tous les navigateurs soient d’accord, soit je dois changer mon texte…:D En tout cas, là, elle est en 1em, et dans la configuration actuelle, c’est le mieux que je peux faire… Mais je suis d’accord avec toi que c’est toujours petit. Je réfléchirai à une meilleure solution… Merci en tout cas pour tes remarques ! 😉

  • J’ai vu que tu as désactivé le plugin des commentaires AJAX. Pourquoi ?

  • Le blanc ça fait consommer plus ton écran, t’a pensé au réchauffement de la planète par ta faute? Hein ?
    Puis j’aime pas c’est trop blanc 😀 😀
    (bon ça c’était pour mon statut anti-blancheur sur le net ^^)

    Sinon plus sérieusement le thème précédent faisait trop peu personnel pour faire pro (on a vu pas mal le Black Minimalist un peu partout) , celui-ci à cela de mieux qu’il fait « création perso ». Et les couleurs ont le mérite d’être peu utilisées, ça donne directement un repère graphique (« Fran6art, tu sais le blog du gars en vert fluo », « Ah ouiiiiii » ^^).

    A part ça je trouve que ça reste très classique (en dehors de l’en-tête et du pied de page c’est google style quoi ^^), et mes remarques seraient en effet les tailles de polices un peu petite (surtout pour les longs articles) et le fait que les billets ne soient pas vraiment mit en avant (à la limite les commentaires sont mieux visibles avec leurs encadrés). Pareil tes propres commentaires sont bien moins visibles qu’avant et prennent trop de hauteur (le scrolling devient vite assez imposant).

    Mais ce ne sont là que des opinions personnelles, comme tu le dit chacun ses gouts et s’il te plait à toi c’est le principal 🙂 Dans tous les cas ça ne m’empêchera pas de passer dans le coin 😉

  • Jimmy

    C??est vraiment beau félicitation. ?a fait plus pros que l??ancien et il est vraiment mieux organiser.
    Je te conseille d??utiliser ce petit code qui permet d??enlever les contours d??un lien quand on clic déçu.

    a { outline:none; }

    Sur ce ,bonne continuation.

  • Cyril > En fait, j’ai bossé sur une version de k2 sur laquelle j’ai désactivé l’ajax. Je vais le remettre en ligne. Faut juste que je fasse une peu de traduction 😉

    Arkan > Oui, le thème est simple. Et là, je suis entièrement d’accord avec toi. Mais j’ai voulu partir d’une base, justement, simple, pour pouvoir la travailler par la suite. C’est une première couche, une base. J’ai voulu y passer plus de temps pour encore le faire plus personnel en dehors sur vert fluo 😉 mais j’ai préféré mettre cette version en ligne et bosser ensuite dessus. Plus simple à gérer pour moi.

    Concernant les articles, tu n’es pas le premier à me le faire remarquer. Je vais voir si je peux faire quelque chose, mais moi ça me plaît bien comme ça. Peut-être grossir un peu les titres et leur donner une couleur un peu plus vive…Attention ! J’ai dit vive, pas fluo !! 😀

    Jimmy > Exact ! Je vais modifier ça de suite !! Merci pour la remarque ! 😉

  • Félicitation, c’est superbe. Ce serait possible que tu fasses un mini tuto sur l’installation / utilisation du SIFR ?

  • Anthony > Je le ferai si j’arrive à le faire tourner !! 😀 Ce qui n’est pas encore gagné !! Mais promis, j’y penserai ! 😉

Success, your comment is awaiting moderation.