Nouvelle interface pour le blog
Cette semaine a été mise en ligne cette nouvelle interface de blog. Cette refonte graphique m'a permis de réécrire une partie du code de l'administration et de revoir complétement celui moteur qui présente les articles.
Beaucoup de choses ont été supprimées afin d'alléger le chargement des pages. Quasiment pas de javascript et le peu de code présent
est réalisé sans framework. Adios Jquery !
J'en ai également profiter pour changer le framework CSS Bootstrap. Aujourd'hui c'est avec WireCSS que l'interface est gérée. C'est simple, minimaliste et c'est ce dont j'avais besoin.
Depuis quelques mois maintenant, le blog est vraiment orienté développement/adminsys et beaucoup de code est affiché dans les articles. C'est aussi l'une des raisons qui m'a amené à refrondre le site. Tout est fait pour mettre en avant ce contenu technique. D'ailleurs, qui dit technique dans les articles, dit également technique dans les commentaires, c'est pourquoi il est maintenant possible de les éditer en markdown. J'en ai profité pour réaliser une page d'aide afin d'accompagner les lecteurs dans leur rédaction.
Pour celles et ceux qui consultent le blog autrement que par RSS, j'espère que cette interface vous plait !
Cet article a été rédigé par Simon Vieille, développeur français animé par la culture du libre et du hacking.
Il intervient à Tinternet & Cie, une association d’éducation numérique populaire. Depuis septembre 2022, il est lead developer à Trinaps, un opérateur télécom local et indépendant.
Un coup de fraicheur !
Il y a quelques mois je passais le blog sous Symfony 1.4. Un code un peu plus solide que la …
Salut,
je suis ton blog depuis un moment et je trouve que ta refonte graphique est superbe, du coup j'ai regarder du coté de WireCSS c'est vrai que c'est minimaliste, du coup tu a fait comment pour gérer ta partie gauche du site, car il n'y a aucune gestion d'origine dans WireCSS et cela m’intéresse fortement
Hello!
Effectivement, le framework seul n'est pas suffisant et j'ai du réaliser du CSS maison pour arriver à ce résultat. Plutôt que je rentrer dans les explications, je te propose de lire le code source qui t'intéresse.
- Code source du layout du site : https://gist.deblan.org/fr/view/5c1ac36e7e3e8
- À la ligne 45, j'inclue les navigations (desktop et mobile) : https://gist.deblan.org/fr/view/5c1ac3c43e2d2
- Et voici les sources CSS écrites en SASS : https://gist.deblan.org/fr/view/5c1ac44786835
- La version compilée et non compressée a cette forme (j'ai viré le code de wirecss et prism) : https://gist.deblan.org/fr/view/5c1ac4e3c58ec
Si tu as des questions, n'hésites pas !
Salut,
merci pour tes bouts de code, je comprends tout de suite mieux, j'ai encore un peu de mal avec SASS mais je trouve ça super puissant, je mettrai mon lien vers mon blog une fois que j'aurais le temps de finir mon template, maintenant que j'ai toute les infos qu'il me manquais j'ai plus qu'a bosser
Au plaisir de lire ton blog du coup ! :)
Encore merci pour ton aide pour le code source que tu m'a donné, mon blog est enfin en ligne avec un thème a peu près correct, j'ai encore quelque amélioration à faire mais pour le moment il est quand même exploitable