Développement web

Je référence dans cette rubrique des conseils et des tutoriels sur des fonctionnalités avancées en lien avec le CMS Drupal. Ce système de gestion de contenus permet de réaliser facilement de simples sites Web, mais lorsque l'on veut des options un peu plus poussées, la configuration devient parfois ardue. Vous trouverez donc ici référencées des ressources qui vous permettront de résoudre des problèmes liés au développement de sites avec Drupal.

Détecter les liens morts de vos pages Web avec W3C Link Checker

Chaine de fleur En tant que visiteur d'un site, il est toujours frustrant d'arriver sur une page qui n'existe pas dû à une erreur de frappe ou à la disparition de la page ciblée. Les moteurs de recherches recommandent aux webmasters de faire la chasse à ces liens morts, bien que ça n'ait pas pour l'heure d'impact significatif sur le positionnement du site. En effet, il faut toujours prendre en considération le visiteur. Laisser végéter des liens brisés vous fera certainement perdre des visites à terme, celles des visiteurs qui iront voir ailleurs. Selon le nombre de pages de votre site, cette traque peut s'avérer fastidieuse. Heureusement qu'il existe des outils qui vous permettront de faire cette vérification en automatisant les tâches.

Un chargement de vos pages Web plus rapide avec des sprites CSS

Enjoy sprite Les sprites CSS permettent de réunir plusieurs images en une seule, en particulier des icônes. Une seule image à charger permet de diminuer le nombre de requêtes faites au serveur. Selon votre hébergeur il y a un nombre maximum de requêtes simultanées et la méthode des sprites CSS permet d'éviter des bouchons dus à cette limite qui affecte la durée de chargement des pages web. Le fait de regrouper des images permet également de réduire le poids global des images, et donc encore une fois accélérer l'affichage de vos pages Web.

De belles lignes de codes grace aux outils de formatage

Mur HTML

En CSS, je suis habitué à coder avec la méthode "single line", qui consiste à avoir une déclaration par ligne. Je n'aime pas trop la présentation "claire", celle où l'on doit revenir à la ligne à chaque fois, parce que je trouve plus difficile de me retrouver dans le code, surtout lorsqu'il y a de nombreuses déclarations. Après il n'y a pas de règle obligatoire et c'est surtout une question de préférence.

Font Squirrel, téléchargement de polices de caractère et générateur de fonts pour le web

Logo Font Squirrel Font Squirrel est un site web fondé en 2009 qui permet de convertir des polices de caractères compatibles avec tous les navigateurs. Il a permis de simplifier l'ajout de police non standard (Google Font est apparu plus tard) dans les sites Web. À l'époque, il n'existait pas de standards pour le format de polices de caractères pour le Web et chaque éditeur y allait du sien.

Conception Web : je me lance avec Drupal

Logo de Drupal

Lorsque j'ai commencé mon activité d'autoentrepreneur, je ne m'étais jamais posé la question sur le CMS avec lequel j'allais livrer mon site. Je n'avais que Wordpress en tête pour les raisons suivantes :

  • je savais appréhender ce CMS
  • très populaire avec une grosse communauté
  • beaucoup de flexibilité grâce à un nombre impressionnant de modules
  • facile à mettre en place

Ne traquez plus vos visiteurs inutilement !

Fenêtre du voisin Ajouter des boutons de partage sur son site est très pratique, mais il faut savoir que beaucoup des scripts ou modules proposés sont de vrais petits mouchards pour épier les sites que vos visiteurs fréquentent. De même que certains d'entre eux ajoutent une couche de JavaScript qui ralentit le chargement des pages

Mettez vos projet locaux en ligne avec Finch

Logo Finch Parfois lorsque je développe des sites web en local avec Xampp je suis bloqué pour montrer aux clients le comportement de certaines fonctionnalités. De même, il n'est pas toujours évidant de tester le comportement des appareils tactiles. Les outils à notre disposition proposent différentes résolutions, mais ne parviennent pas encore à restituer le toucher.