Changement de design : SkyMinds 2016

Changement de design : SkyMinds 2016 photo 1

Ce week-end, pour fêter la nouvelle année et les 17 ans du site (et oui, déjà !), je me suis amusé à changer radicalement le thème graphique du site. Nouvelle année, nouveau thème Cela fait des années que je n'ai pas changé de thème : apparemment, mon thème précédent remonte à 2010, soit 6 ans. A l'échelle d'Internet, cela remonte quasiment à la préhistoire ! Il aura bien évolué : de XHTML transitional à strict, puis HTML5. D'abord basique puis […]

Lire la suite »

WordPress : héberger les images sur un sous-domaine

WordPress : héberger les images sur un sous-domaine photo 1

Cela fait des années que je parle d'héberger les images du site sur un sous-domaine mais j'ai toujours remis cela à plus tard. Je pensais que la configuration me prendrait un temps infini mais au final cela ne m'aura pris qu'un peu de réflexion et quelques minutes pour tout finaliser. Le plus long aura été d'écrire ce tutoriel! Aujourd'hui, c'est chose faite : les images des articles du site sont donc placées sur un sous-domaine pour des raisons de performances. […]

Lire la suite »

WordPress : valider le code oEmbed Youtube en HTML5

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Le problème : le code des vidéos n'est pas valide en HTML5 Voici ce que le code oEmbed de WordPress donne par défaut avec un lien Youtube : <p><iframe width="660" height="371" src="https://www.youtube.com/embed/Gvh2Zo7UL6E?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p> Or le petit problème, c'est que tout cela n'est pas vraiment valide au niveau W3C et je commence à me lasser de voir ces erreurs de validation sur toutes les pages du site avec des vidéos : Erreur 1 : Attribute allowfullscreen not allowed on element […]

Lire la suite »

HTML5 : résoudre l'erreur "keyword publisher is not registered" (validateur W3C)

HTML5 : corriger l’erreur "element link is missing required attribute property" photo

Sur votre site ou blog, vous avez peut-être ajouté le widget ou bouton +1 de Google+, le réseau social de Google. Or le petit problème, c'est que le code fourni empêche la bonne validation du document. Voici le code fourni par Google : <a href="https://plus.google.com/114535411372700844744" rel="publisher nofollow" title="Google+">Google+</a> et voici l'erreur renvoyée par le validateur W3C : Keyword publisher is not registered HTML5 étant toujours en cours de réalisation, les valeurs de la balise rel sont assez restreintes et on […]

Lire la suite »

Optimisation du site : octobre et novembre 2012

Optimisation du site : octobre et novembre 2012 photo 1

Ces derniers mois, j'ai passé un peu de temps à valider mes pages (HTML5) et à corriger quelques petits détails comme le chargement des javascripts en fin de page, l'optimisation de ma feuille CSS pour éviter les reflows... bref, j'ai optimisé le site. Et bien voilà ce que cela nous donne chez GTmetrix : et chez Pingdom : La plupart des erreurs restantes sont dues à l'admin bar WordPress (surtout au niveau des CSS) et à la publicité, que je […]

Lire la suite »

WordPress : éditer les liens de la base de données pour refléter le changement de structure des permaliens

search-regex-replace-permalinks

Il y a quelques mois, je vous ai montré comment changer la structure des permaliens WordPress. Cela fonctionne très bien et tout le trafic des anciennes URL est bien redirigé vers les nouvelles. Il est toutefois encore possible de faire mieux que cela : éditer toutes les URL de la base de données pour afficher les bons liens directement et éviter les redirections Apache à chaque fois qu'un visiteur clique sur un lien de vos anciens articles. Cela évite une […]

Lire la suite »

Nouveautés du site : avril et mai 2012

Voici les nouveautés et corrections ajoutées au site ces deux derniers mois : [+] CSS : augmentation notable de la taille de la police du site pour faciliter la lecture. [+] CSS : ajout d'une petite flèche bleue pour les listes de la sidebar (commentaires et mises à jour des articles). [+] PHP : ajout des informations de profil de chaque auteur au bas des articles. Pensez à mettre votre biographie à jour dans votre profil. [+] PHP : création […]

Lire la suite »

Nouveautés du site : janvier, février et mars 2012

Voici le changelog du site pour ce début d'année 2012 : Les commentaires ne sont plus paginés, ils apparaissent tous sur la page de l'article. Feuille CSS : ajout des unités lorsque les valeurs sont différentes de 0. Ajout de données metadata : Dublin Core et OpenGraph notamment. Redesign de la page de connexion : au lieu de tout chambouler comme j'en avais l'habitude avec Pimp My Login, j'utilise maintenant le look de WordPress et j'y ajoute juste le logo. […]

Lire la suite »

WordPress : changer la structure des permaliens

wordpress-permalinks-postname

Il y a quelques semaines, j'ai décidé de changer la structure des permaliens (ou permalinks) sous WordPress. Je me suis rendu compte que finalement, il y avait très peu d'intérêt à garder la date de création de l'article dans l'URL étant donné qu'elle est présente dans chaque article, cela permet de raccourcir les URLs et mes articles sont plutôt timeless. Cela se fait en 2 étapes, en 5 minutes top chrono. Etape 1 : changer la structure des permaliens WordPress […]

Lire la suite »

Nouveautés du site : hiver 2011

Les quelques nouveautés notables du site en cette fin 2011 : HTML5 baby ! Le site passe de l'XHTML 1.1 Strict à HTML5. Il subsiste quelques erreurs de validation mais c'est parce qu'HTML5 n'est pas encore tout à fait finalisé. CSS : suppression du code obsolète, correction de la page d'index du site qui s'aligne maintenant comme les articles individuels. Alignement du texte "Me tenir informé(e) des futurs commentaires" avec la checkbox au niveau des commentaires. Snowy - mon plugin […]

Lire la suite »

Webdesign : le site du collège Pablo Picasso

Webdesign : le site du collège Pablo Picasso photo

Il y a quelques mois, je vous avais dit que j'étais en charge du site du collège Pablo Picasso, où j'ai passé quelques années, mais je ne vous avais jamais dévoilé le design - le voici donc : J'ai laissé la main à une collègue depuis que je suis parti - d'ailleurs on peut voir qu'il y a beaucoup moins d'images et de contenu depuis - mais je garde toujours un oeil dessus. C'est dur de se détacher de ses […]

Lire la suite »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: