Rechercher

Menu

S'abonner

Catégories

Tech

Exploration

Maison et Domotique

Sport & Santé

Culture

Divers

Voici la nouvelle version du site : lokan2016

LoKan Sardari

Ça fait plusieurs semaines qu'on travaille dessus avec Guillaume : voici la nouvelle version de LoKan.fr, mise à jour de la version précédente pour toujours davantage de confort visuel.

Sommaire

Une version améliorée de lokan2015

Sur cette nouvelle version du thème du site, j'ai presque tout re-pensé, afin que vous soyez toujours mieux en lisant les bêtises que je vous raconte. C'est également le moment de vous remercier d'être chaque jour plus nombreux à venir sur mon petit bout de web. Merci pour votre fidélité !

J'espère donc que cette nouvelle version vous plaira autant qu'elle me plaît. Elle n'est pas encore adaptée pour mobile, et vous pouvez rencontrer quelques petits soucis. A terme, l'idée sera tout de même de proposer une jolie application, mais on n'y est pas encore.

Vos suggestions sont les bienvenues

Il est possible qu'on soit passés à côté de grosses boulettes. Aussi, n'hésitez pas à les remonter dans les commentaires de cet article, à moins qu'elles soient listées ci-dessous en "modifications restantes". Par exemple, une des suggestions de la version précédente était le retour du bouton random. Suprise ! Il est là !

Modifications restantes

Voici ce qu'il reste à faire sur le thème. Vos suggestions, si validées, seront rajoutées ici.

  • Modifier la font de la page Archives
  • Enlever le lien cliquable sur le H1 en single
  • Intégrer Flickr dans la barre latérale
  • Mise en place des boutons VOD, Une Petite Mousse, et Amazon en barre latérale
  • Justifier le texte dans les articles
  • Corriger la page de login
  • Captcha sur la page de contact
  • Corriger le widget Flickr pour fonctionner en https (développeur contacté)
  • Laisser de l'espace entre les listes et le texte (comme celle-ci, avec la ligne d'en bas, qui est trop collée)
  • Aligner la largeur de Disqus sur la largeur des médias
  • Proposer les "articles similaires" par catégories, au lieu des tags
  • Créer un bandeau "Regarder cette série sur Netflix", et un "Accéder à la location du Podcast XXL" comme il existe Amazon ou Strava
  • Modifier le texte dans le champ de recherche (et agrandir le champ)
  • Pouvoir cliquer sur un article depuis toute la surface de la miniature (home et single)
  • Modifier la home pour les titres longs
  • Laisse de l'espace entre un titre et des listes (cet article)
  • Supprimer Disqus et mettre en place un système de commentaire maison
  • Fixer la fonction "répondre" dans les commentaires
  • Image de miniature quand on fait "en voir plus" (home)
  • Finir le responsive mobile et tablette
  • Fixer la page de recherche quand il n'y a pas de résultat
  • Trait noir sur l'image à la une de la home à certaines définitions
  • Image de l'article à la une qui devient carrée en grande largeur
  • Aligner le header sur la largeur des médias (logo et champ de recherche)
  • Adapter les couleurs des vidéos Vimeo dans l'article, et supprimer titre, auteur, et icône
  • Gérer la taille des images en fonction de la taille de la fenêtre du navigateur
  • Traiter tous les vieux articles pour les rendre compatibles, ou les masquer
  • Corriger le chargement latéral du thème (qui se réaligne quand tout le CSS est chargé, mais bon…)
  • Configurer à nouveau le bandeau anti-adblock
  • Rendre le champ de recherche fonctionnel avec Safari Mac
  • Améliorer la barre de chargement de l'Infinite Scroll
  • Faire la page About
  • Faire la page FAQ
  • Solutionner Split View
  • Optimiser en mode badass !

Des bisous ! Des GROS bisous !

LoKan Sardari
Auteur de l'article

LoKan Sardari

Créateur de contenu indépendant depuis 2006, je décortique l'univers Apple et la Tech avec une obsession : l'usage réel, sans compromis ni langue de bois.
Ultralearner, je partage ici mes découvertes et mes passions, avec la volonté sincère d'aider ma communauté.
Entre deux tests, je casse des barres ou je cours des marathons, pour gagner quelques badges et analyser de la data.

Rejoins-nous !

Découvrez Patreon et Discord, comment y accéder et tous les avantages de notre communauté.

Découvrir les avantages

Commentaires 95

Qu’en pensez-vous ?

maximesaltet

C'est dommage que la barre des menus en haut ne soit pas fixé et ne descende pas quand on fait défiler la page. Cela nous éviterait de devoir tout remonter pour revenir à l'accueil. Sinon magnifique travail il est génial ton site continu comme ça!

Bertrand

Trop bien ! Maintenant quand on fait un double tap sur le Trackpad/Magic Mouse ça adapte le texte à la largeur de l'écran, ce qui n'était pas le cas avant ! Vraiment top cette nouvelle version, parfait !

En fait il reste tout à faire.

LoKan Sardari

Il reste beaucoup de choses oui…

WornCherryRock

Stylééééé ! 😉 au moment où je poste ce commentaire, le menu sandwich n'est pas fonctionnel (surement dû à la version mobile non terminée) ^^

AlexandreJolly

Coucou, très jolie la nouvelle version! Au passage je crois qu'il y a un problème avec les liens dans les listes. (j'ai une mauvaise connexion là donc pas sûr)

Aymeric PECH-MERCIER

Hello Lokan, je ne sais pas si ça ne viens que de moi, mais je ne peux pas faire de clic molette (pour laisser appuyer et remonter en haut du site) dans la partie commentaire des articles !
Cela fonctionne parfaitement ailleurs sur le site, mais par exemple, je ne peux pas le faire sous la photo de profil quand on poste un commentaire... ou même sur les commentaires eux même.
Cela fonctionne correctement sous Firefox mais pas sous chrome.

Voilou, c'est anecdotique et pas forcément hyper important mais j'en fais part, bonne continuation cette version du site est bien kiffante =)

theez

J'aime beaucoup cette nouvelle version, bravo! 🙂

sylvain_Ls

Je rêve d'infinite scroll 🙂
C'est encouragent en tout cas !

Gaétan

Je trouve la version actuel bien plus jolie que la précédente, c'est plutôt bien réussit, bravo. 🙂

Erwan de Saint Lager

Pitite suggestion : ajouter l'URL vers Retina Boys. Et aussi, mais c'est pour pinailler, en bas de page il manque un point (le dernier) dans "F.A.Q.".

LoKan Sardari

Pas de lien vers Retina Boys 😉
Et il n'y a aucun point entre F, A, et Q.

Erwan de Saint Lager

Ah oui, c'est marrant, les points sont sur la vidéo mais pas sur le site actuel.
Pour RB c'est dommage je trouve. Perso (et j'imagine que c'est le cas d'autres personnes) je vais sur Lokan.fr grâce aux flux RSS, mais il est désactivé pour RB. Résultat je consulte RB quand j'y pense donc moins souvent que Lokan.fr.

LoKan Sardari

Le flux RSS n'est pas du tout désactivé sur RB 😉

Erwan de Saint Lager

J'me suis mal exprimé, c'est moi qui est choisi de le désactivé sur RB.

Pyjamane

La version mobile sur iPhone 6 est toute pas belle, sous Safari (pas essayé sur un autre navigateur) : le menu ne fonctionne pas, les texte du premier article sont tout étriqués à gauche de l'écran, la section commentaires a plein d'images et textes en surimpression.

LoKan Sardari

Oui, c'est écrit noir sur blanc dans l'article que c'est à faire 😉

Pyjamane

Ha ben mince, je m'en vais de ce pas changer d'yeux.

Patrice Blanco

très joli site, la refonte est vraiment belle, rend très bien sur le retina du MacBook 12"..
bon boulot !

par curiosité, si elle n'est pas protégée, quel est le nom de la police du "citoyen du mon, curieux par nature, etc..." de ta signature ? je la mettrai bien dans ma liseuse....

LoKan Sardari

Clic droit, inspecter l'élément, et hop, tu as la réponse 😉

Si tu ne la trouves pas, je te la donne.

Patrice Blanco

ah, j'ai pas "inspecter l'élément"... je suis sur Safari, tu es sur Chrome non ?

AlexandreJolly

Petite astuce safari: Préférences > Avancées > Coche (tout en bas) "Afficher le menu Développement dans la barre des menus". Voilou; comme ça plus d'excuse 😉

Patrice Blanco

titillium light ! thx !

clementlanot

Il y a comme un soucis sur l'article de Kobo..

Adrien Rochet

Beaucoup mieux cette version, cependant je pense qu'il y a quelque chose à faire au niveau de la liste des articles pour rendre ça plus lisible. J'ai donc fait un mockup. J'ai seulement ajouter une séparation, réduit la taille de police des catégories et changer la couleur de la date de l'article. Ce sont des détails, mais je pense que ça améliore la lisibilité.

LoKan Sardari

Tout à fait ! Très bonne idée !!

Louis Vivier

Un ligne de séparation entre les articles de l'accueil car ce n'est pas très claire, on a du mal à identifier les différent article !

LoKan Sardari

Assez simple : chaque article à une image en face, et un titre 😉