Découvrez le nouveau Kriisiis.fr : design, contenu, fonctionnalités…

Bonsoir à toutes et à tous. Ceux qui suivent le blog depuis sa création se rappelleront sans doute que le passage à la fameuse « V2 » il y a 16 mois avait été un épisode marquant de son histoire. Les modifications portaient sur un profond redesign ainsi que sur l’apport de nouvelles fonctionnalités, et j’envisageais à l’époque de bloguer de manière régulière, « pour le plaisir et par passion ». Beaucoup d’eau a coulé sous les ponts depuis ce jour, et j’ai désormais le plaisir de vous annoncer qu’après quelques semaines de préparation (de la part de @Woodgate, principalement), Kriisiis.fr est à partir d’aujourd’hui disponible dans sa troisième version !

Mais alors que cache cette nouvelle version du blog, que nous nommerons très sobrement « V3 » ? Je vous propose de passer rapidement en revue les différentes nouveautés, images à l’appui, afin que vous puissiez dès à présent en profiter un maximum. Avant tout chose, sachez que vous pouvez d’ors-et-déjà oublier les chargements de page interminables, les dizaines de fonctions inutiles, la sidebar si complète que l’on en voit jamais le bout, ou encore tous ces petits bouts de code entremêlés qui faisaient de la plateforme une véritable usine-à-gaz qu’il valait mieux lire via le flux RSS que de manière plus directe.


Un design retravaillé

Pour commencer, j’ai opté pour un design plus clair, plus sobre, plus épuré. Le background du blog pourrait s’avérer être le même que l’initial mais se contente de reprendre ses tons, et le header change quelque peu, bien que restant lui-aussi dans les mêmes tons. Le footer, que vous n’aviez probablement jamais aperçu tant il se trouvait à de nombreux coups de molette, suit les mêmes règles. J’ai par ailleurs décidé de conserver le logo du blog (avec la même police d’écriture), bien que celui-ci ait légèrement été réduit (et je suis persuadé que vous ne l’aviez pas remarqué). Petit aperçu de l’évolution :


Un accueil plus succinct

Deuxième grosse nouveauté, et je sais qu’elle plaira à un certain nombre de lecteurs : la compression de la page d’accueil. nous avions initialement 6 articles affichés « au complet » sur chaque page, nous en avons désormais 5, tronqués et associés à un bouton « Lire la suite de cet article », ce qui a deux conséquences : tout d’abord, vous n’avez plus à « scroller » de nombreuses fois pour atteindre les articles en 4ème ou 5ème position, ensuite, le temps de chargement de cette page (la plus visitée du blog, très logiquement) s’en voit fortement réduit. Vous ne percevez pas l’importance du changement ?


Des outils de partages peaufinés

Kriisiis.fr était jusqu’à maintenant le mauvais élève des partages sociaux, non pas par manque de boutons sociaux (au contraire), mais tout simplement parce qu’ils étaient placés aléatoirement sur le blog, très peu optimisés, et ne fonctionnant parfois même pas. Nous avons désormais une barre de partage compacte en haut d’article, une barre de partage complète en bas, et cerise sur le gâteau, les nouveaux boutons LinkedIn vous sont proposés, ce qui vous permettra alors de conseiller les articles du blog auprès de votre sphère sociale professionnelle. Vous n’avez plus d’excuses !


Un blog plus rapide

Je vous parlais précédemment du fait que la page d’accueil avait été réduite afin de diminuer grandement sa durée de chargement. Sachez que ce n’est pas tout : de nombreux plugins plutôt lourds n’ont pas été conservés sur le blog et ont plutôt été remplacés par du code développé de manière spécifique, plus adapté, plus léger, tout aussi performant. De plus, vous remarquerez que les images ne s’affichent que lorsque vous allez à leur rencontre sur le blog, ce qui s’explique par le fait qu’elles ne se chargent pas toutes simultanément. Encore du temps de gagné donc, et vous serez nombreux à en être soulagés !


Mise en garde : article trop ancien

Enfin, prenons quelques instants pour nous intéresser aux détails, et en particulier à une petite fonctionnalité que j’apprécie particulièrement. Puisque mes articles proposent souvent des conseils pouvant devenir caduques suite à des mises à jours de certains réseaux sociaux (qui évoluent très vites !), un encart spécifique apparaît sur tout billet vieux de plus de deux mois afin de mettre le lecteur en garde (« Cet article a été publié il y a 4 mois et 29 jours, il est possible que les informations proposées ne soient plus valables »). De quoi éviter les mauvaises surprises et les lecteurs déçus.


Du nouveau à venir ?

Le lancement de la nouvelle version se fait en plusieurs étapes sur Kriisiis.fr. Nous avons ainsi apporté quelques nouveautés ce jour, mais un certain nombre de nouvelles fonctionnalités devraient voir le jour sur le blog à court ou moyen-terme. Je suppose que le plus efficace pour ne rien rater est de passer me voir régulièrement sur le blog dans les prochaines semaines. ;-)

En attendant, et si vous avez eu la patience de lire cet article dans son intégralité, je vous rappelle que vous pouvez retrouver Kriisiis.fr à tout moment sur Twitter (@Kriisiis), sur la Fan-Page du blog sur Facebook ou encore via son flux RSS. N’hésitez également pas à m’apporter votre feedback quant à cette nouvelle version, cette fois-ci à travers les commentaires de cet article, qui au passage restent sous Disqus, système toujours parfaitement adapté à mes besoins.

  • Très jolie ! Sobre et efficace, bravo et bonne continuation.

  • Très jolie ! Sobre et efficace, bravo et bonne continuation.

  • Très jolie ! Sobre et efficace, bravo et bonne continuation.

  • Quel boulot, bravo :)

  • Effectivement, cela s’affiche vraiment plus rapidement :-) Attention par contre, tu as une erreur php dans le footer : Compilation failed: nothing to repeat at offset 1 in /home/www/KriisiisV3/wp-content/plugins/wassup/wassup.php on line 3954 !

    Bonne soirée :-)

  • Quel boulot, bravo :)

  • Effectivement, cela s’affiche vraiment plus rapidement :-) Attention par contre, tu as une erreur php dans le footer : Compilation failed: nothing to repeat at offset 1 in /home/www/KriisiisV3/wp-content/plugins/wassup/wassup.php on line 3954 !

    Bonne soirée :-)

  • Quel boulot, bravo :)

  • Effectivement, cela s’affiche vraiment plus rapidement :-) Attention par contre, tu as une erreur php dans le footer : Compilation failed: nothing to repeat at offset 1 in /home/www/KriisiisV3/wp-content/plugins/wassup/wassup.php on line 3954 !

    Bonne soirée :-)

  • J’aime assez…

  • J’aime assez…

  • J’aime assez…

  • Beau boulot ce redesign… mais comme le signale Webmarketing & co’m, attention au footer qui comporte une erreur???

  • Beau boulot ce redesign… mais comme le signale Webmarketing & co’m, attention au footer qui comporte une erreur???

  • Beau boulot ce redesign… mais comme le signale Webmarketing & co’m, attention au footer qui comporte une erreur???

  • Bravo pour cette nouvelle version, plus épurée mais plus efficace aussi ! Et votre attention vis à vis des lecteurs qui arrivent sur des pages « périmée », c’est très bien vu ! J’espère que cela va en inspirer d’autres car rien de plus énervant que de penser trouver quelque chose de pertinent et de se rendre compte que le contenu est déjà dépassé… Bref, bravo à l’équipe ! La « V3 » sera difficile…

  • Bravo pour cette nouvelle version, plus épurée mais plus efficace aussi ! Et votre attention vis à vis des lecteurs qui arrivent sur des pages « périmée », c’est très bien vu ! J’espère que cela va en inspirer d’autres car rien de plus énervant que de penser trouver quelque chose de pertinent et de se rendre compte que le contenu est déjà dépassé… Bref, bravo à l’équipe ! La « V3 » sera difficile…

  • Bravo pour cette nouvelle version, plus épurée mais plus efficace aussi ! Et votre attention vis à vis des lecteurs qui arrivent sur des pages « périmée », c’est très bien vu ! J’espère que cela va en inspirer d’autres car rien de plus énervant que de penser trouver quelque chose de pertinent et de se rendre compte que le contenu est déjà dépassé… Bref, bravo à l’équipe ! La « V3 » sera difficile…

  • Nouvelle version pas révolutionnaire, surtout pour quelqu’un qui ne visite pas le site très régulièrement, mais appréciable après explication.

  • Nouvelle version pas révolutionnaire, surtout pour quelqu’un qui ne visite pas le site très régulièrement, mais appréciable après explication.

  • Nouvelle version pas révolutionnaire, surtout pour quelqu’un qui ne visite pas le site très régulièrement, mais appréciable après explication.

  • Bon travail de réflexion – résultat à la hauteur, continue !

  • Bon travail de réflexion – résultat à la hauteur, continue !

  • Bon travail de réflexion – résultat à la hauteur, continue !

  • 40 secondes pour afficher la page sous Chrome, j’ai l’impression que l’affichage est beaucoup trop long pour le coup….

  • 40 secondes pour afficher la page sous Chrome, j’ai l’impression que l’affichage est beaucoup trop long pour le coup….

  • 40 secondes pour afficher la page sous Chrome, j’ai l’impression que l’affichage est beaucoup trop long pour le coup….

  • Ceci explique cela …

  • Ceci explique cela …

  • Ceci explique cela …

  • Nikel cette nouvelle version !

  • Nikel cette nouvelle version !

  • Nikel cette nouvelle version !

  • Super article pour des nouveautés qui sont bien à la hauteur ! Continue comme ça :)

  • Super article pour des nouveautés qui sont bien à la hauteur ! Continue comme ça :)

  • Super article pour des nouveautés qui sont bien à la hauteur ! Continue comme ça :)

  • J’aime cette nouvelle version, effectivement plus épurée, plus simple et ergonomique. Au plaisir de lire tes billets.

  • J’aime cette nouvelle version, effectivement plus épurée, plus simple et ergonomique. Au plaisir de lire tes billets.

  • J’aime cette nouvelle version, effectivement plus épurée, plus simple et ergonomique. Au plaisir de lire tes billets.

  • Pour ma part, la page d’accueil du site met entre 3 et 4 secondes à s’afficher complètement, contre 15 à parfois 30 sur l’ancienne version ;-)

  • Pour ma part, la page d’accueil du site met entre 3 et 4 secondes à s’afficher complètement, contre 15 à parfois 30 sur l’ancienne version ;-)

  • Pour ma part, la page d’accueil du site met entre 3 et 4 secondes à s’afficher complètement, contre 15 à parfois 30 sur l’ancienne version ;-)

  • Super, j’adore.. moi aussi je réfléchi à un nouveau template en espérant que je fasse aussi bien que toi.
    Bye

  • Super, j’adore.. moi aussi je réfléchi à un nouveau template en espérant que je fasse aussi bien que toi.
    Bye

  • Super, j’adore.. moi aussi je réfléchi à un nouveau template en espérant que je fasse aussi bien que toi.
    Bye

  • Nouvelle version très agréable, vivement les nouvelles fonctionnalités ;-)

  • Nouvelle version très agréable, vivement les nouvelles fonctionnalités ;-)

  • Nouvelle version très agréable, vivement les nouvelles fonctionnalités ;-)

  • Félicitations ! (ok j’arrête et me limite aux remarques « constructives » ;-))

    J’ai bien compris la « guerre aux plugins » lourds etc, mais pourquoi pas des boutons de partage « flottants » sur la gauche de l’article dans son entièreté (à la Digg – je crois d’ailleurs qu’un plugin de floating button s’appelle « digg digg » sur wordpress), reprenant twitter, facebook, voire linkedin ?

    Bye
    Laetitia

  • Félicitations ! (ok j’arrête et me limite aux remarques « constructives » ;-))

    J’ai bien compris la « guerre aux plugins » lourds etc, mais pourquoi pas des boutons de partage « flottants » sur la gauche de l’article dans son entièreté (à la Digg – je crois d’ailleurs qu’un plugin de floating button s’appelle « digg digg » sur wordpress), reprenant twitter, facebook, voire linkedin ?

    Bye
    Laetitia

  • Félicitations ! (ok j’arrête et me limite aux remarques « constructives » ;-))

    J’ai bien compris la « guerre aux plugins » lourds etc, mais pourquoi pas des boutons de partage « flottants » sur la gauche de l’article dans son entièreté (à la Digg – je crois d’ailleurs qu’un plugin de floating button s’appelle « digg digg » sur wordpress), reprenant twitter, facebook, voire linkedin ?

    Bye
    Laetitia

    • Kriisiis

      J’ai hésité, et puis finalement j’ai opté pour plus simple… :-)

  • Aaaah bravo ! Impeccable.
    Voilà qui est bien plus « pro » et plus agréable.

    Petite question : comment fais-tu pour faire apparaître les images au fur et à mesure du scroll stp ?
    Ca m’intéresse beaucoup ! :)

    Merci d’avance et longue vie à Kriisiis !

  • Aaaah bravo ! Impeccable.
    Voilà qui est bien plus « pro » et plus agréable.

    Petite question : comment fais-tu pour faire apparaître les images au fur et à mesure du scroll stp ?
    Ca m’intéresse beaucoup ! :)

    Merci d’avance et longue vie à Kriisiis !

  • Aaaah bravo ! Impeccable.
    Voilà qui est bien plus « pro » et plus agréable.

    Petite question : comment fais-tu pour faire apparaître les images au fur et à mesure du scroll stp ?
    Ca m’intéresse beaucoup ! :)

    Merci d’avance et longue vie à Kriisiis !

  • Aaaah bravo ! Impeccable.
    Voilà qui est bien plus « pro » et plus agréable.

    Petite question : comment fais-tu pour faire apparaître les images au fur et à mesure du scroll stp ?
    Ca m’intéresse beaucoup ! :)

    Merci d’avance et longue vie à Kriisiis !

  • Aaaah bravo ! Impeccable.
    Voilà qui est bien plus « pro » et plus agréable.

    Petite question : comment fais-tu pour faire apparaître les images au fur et à mesure du scroll stp ?
    Ca m’intéresse beaucoup ! :)

    Merci d’avance et longue vie à Kriisiis !

    • C’est un plugin jquery : Lazy Load Plugin for jQuery que tu trouveras ici http://www.appelsiini.net/projects/lazyload

      • Merci pour ta réponse homonyme. ;)

        Même si « Lazy Load is currently not usable. » ça me donne au moins un début pour faire des recherches sur des plugins similaires. :)

  • Djolhan

    Et les partenaires, tu les a supprimé visiblement, ca reviendra ou on peut faire de même ? ;)

  • Djolhan

    Et les partenaires, tu les a supprimé visiblement, ca reviendra ou on peut faire de même ? ;)

  • Djolhan

    Et les partenaires, tu les a supprimé visiblement, ca reviendra ou on peut faire de même ? ;)

    • Kriisiis

      Ça reviendra dès que j’aurai une petite heure de libre devant moi, pas de panique :-)

      • Djolhan

        Cela dit, très bonne idée cette refonte hein ;)

  • Félicitations pour cette transformation réussie. Et Bravo pour la « Mise en garde » lorsque l’article est ancien. a+

  • Félicitations pour cette transformation réussie. Et Bravo pour la « Mise en garde » lorsque l’article est ancien. a+

  • Félicitations pour cette transformation réussie. Et Bravo pour la « Mise en garde » lorsque l’article est ancien. a+

  • Anonyme

    Ça reviendra dès que j’aurai une petite heure de libre devant moi, pas de panique :-)

  • Anonyme

    Ça reviendra dès que j’aurai une petite heure de libre devant moi, pas de panique :-)

  • C’est un plugin jquery : Lazy Load Plugin for jQuery que tu trouveras ici http://www.appelsiini.net/projects/lazyload

  • C’est un plugin jquery : Lazy Load Plugin for jQuery que tu trouveras ici http://www.appelsiini.net/projects/lazyload

  • J’aime bien le nouveau design et la navigation est bien fluide.
    Par contre attention au index.php/_______, ça peut plomber le référencement !

  • J’aime bien le nouveau design et la navigation est bien fluide.
    Par contre attention au index.php/_______, ça peut plomber le référencement !

  • J’aime bien le nouveau design et la navigation est bien fluide.
    Par contre attention au index.php/_______, ça peut plomber le référencement !

  • Merci pour ta réponse homonyme. ;)

    Même si « Lazy Load is currently not usable. » ça me donne au moins un début pour faire des recherches sur des plugins similaires. :)

  • Merci pour ta réponse homonyme. ;)

    Même si « Lazy Load is currently not usable. » ça me donne au moins un début pour faire des recherches sur des plugins similaires. :)

  • Djolhan

    Cela dit, très bonne idée cette refonte hein ;)

  • Djolhan

    Cela dit, très bonne idée cette refonte hein ;)

  • design très sobre et épuré. J’aime !
    Deux remarques néanmoins :
    1/ j’aime assez peu le lien « Lisez donc la suite de cet article en cliquant ici ! » présent en bas de chaque article de la home page.
    2/ sauf erreur de ma part, il n’est pas possible de s’abonner à ton blog par email, l’image Email présent en haut à droite redirigeant vers la page contact et non vers l’abonnement par email, ce qui est la règle pour ce genre de bouton en général.
    Sinon, c’est nickel ! Ah si, les chiffres de Kriisiis en haut à droite, ça fait un peu « je me la pète » mais bon après tout, ça permet de suivre l’évolution de ton blog… ;-)
    Et pour finir, peut être pourrais-tu créer un logo de Kriisiis autre que le simple K qui ne te différencie pas ?
    Le plus important reste le contenu de toute façon, qui lui est PARFAIT rassures-toi malgré mes quelques critiques/remarques !

  • design très sobre et épuré. J’aime !
    Deux remarques néanmoins :
    1/ j’aime assez peu le lien « Lisez donc la suite de cet article en cliquant ici ! » présent en bas de chaque article de la home page.
    2/ sauf erreur de ma part, il n’est pas possible de s’abonner à ton blog par email, l’image Email présent en haut à droite redirigeant vers la page contact et non vers l’abonnement par email, ce qui est la règle pour ce genre de bouton en général.
    Sinon, c’est nickel ! Ah si, les chiffres de Kriisiis en haut à droite, ça fait un peu « je me la pète » mais bon après tout, ça permet de suivre l’évolution de ton blog… ;-)
    Et pour finir, peut être pourrais-tu créer un logo de Kriisiis autre que le simple K qui ne te différencie pas ?
    Le plus important reste le contenu de toute façon, qui lui est PARFAIT rassures-toi malgré mes quelques critiques/remarques !

  • design très sobre et épuré. J’aime !
    Deux remarques néanmoins :
    1/ j’aime assez peu le lien « Lisez donc la suite de cet article en cliquant ici ! » présent en bas de chaque article de la home page.
    2/ sauf erreur de ma part, il n’est pas possible de s’abonner à ton blog par email, l’image Email présent en haut à droite redirigeant vers la page contact et non vers l’abonnement par email, ce qui est la règle pour ce genre de bouton en général.
    Sinon, c’est nickel ! Ah si, les chiffres de Kriisiis en haut à droite, ça fait un peu « je me la pète » mais bon après tout, ça permet de suivre l’évolution de ton blog… ;-)
    Et pour finir, peut être pourrais-tu créer un logo de Kriisiis autre que le simple K qui ne te différencie pas ?
    Le plus important reste le contenu de toute façon, qui lui est PARFAIT rassures-toi malgré mes quelques critiques/remarques !

  • Anonyme

    J’ai hésité, et puis finalement j’ai opté pour plus simple… :-)

  • Anonyme

    J’ai hésité, et puis finalement j’ai opté pour plus simple… :-)

  • J’aime la « barre de partage complète » . C’est un plugin WP ou du code custom ?

  • J’aime la « barre de partage complète » . C’est un plugin WP ou du code custom ?

  • J’aime la « barre de partage complète » . C’est un plugin WP ou du code custom ?

  • cette version est vraiment plus agréable. Well done.

  • cette version est vraiment plus agréable. Well done.

  • Matthieu Dixte

    cette version est vraiment plus agréable. Well done.