Dans cette rubrique, je partage mes connaissances mais également mes découvertes autour du développement web. Je parle de HTML, CSS, PHP, Javascript et de CMS (essentiellement WordPress). Vous trouverez également des articles sur mon environnement de travail et les outils que j’utilise pour développer des sites. Je reviens également sur les derniers projets et scripts que j’ai mis en ligne.
Le développement web en quelques mots
Le développement web consiste à développer des applications pour le web au travers de langages informatiques. Il repose sur HTML, CSS, PHP et Javascript mais pas uniquement, il existe d’autres langages utilisés. Parmi les différents langages, il faut également différencier ceux qui vont s’exécuter au niveau du serveur et ceux qui vont s’exécuter côté client (au niveau du navigateur). Le développeur web peut avoir une spécialité comme front-end ou back-end voire être full stack (les deux à la fois). Les technologies évoluant rapidement et vu la variété de langages, il peut également avoir une spécialité technique : développeur PHP / Python / Javascript / WordPress par exemple.
Articles ayant pour thème : Développement
Un menu responsive en HTML/CSS sans Javascript
Une disposition courante pour un menu consiste à afficher les éléments à l’horizontal sur les écrans larges (de type PC) et d’avoir une liste déroulante sur les petits écrans (de type smartphone) en utilisant une icône « hamburger » pour l’ouvrir. De nombreux sites utilisent Javascript pour y parvenir ; il est pourtant possible de faire la même chose avec CSS uniquement.
Lire la suite Un menu responsive en HTML/CSS sans Javascript
Utiliser Git avec SSH et GPG
Si vous souhaitez utiliser SSH pour vos dépôts, il faudra générer des clés SSH. De même, si vous souhaitez signer vos commits, il faudra générer une clé GPG. Dans cet article, nous allons configurer l’ensemble pour pouvoir utiliser Git avec SSH et GPG.
Automatiser la création d’un virtual host sur Manjaro
Plutôt que d’éditer manuellement chaque fichier pour configurer un nouveau « virtual host » Apache, j’ai créé un script Bash me permettant d’automatiser la procédure. En l’état, le script ne fonctionne que pour Manjaro (et les distributions utilisant httpd plutôt que apache2 sûrement) ; vous pouvez le modifier.
Lire la suite Automatiser la création d’un virtual host sur Manjaro
VS Code (Code – OSS), mon éditeur de code
J’ai mis un peu de temps à trouver un éditeur de code qui répondait à mes attentes. Finalement, après différents essais, j’utilise maintenant Visual Studio Code (VS Code) ou plutôt Code – OSS. Dans cet article, je vous détaille les différents plugins que j’utilise.
Installer WordPress avec Composer et Git
Il n’y a pas si longtemps encore, j’installais WordPress manuellement. Je téléchargeais l’archive sur le site de WordPress, j’extrayais les fichiers et je copiais le tout via SFTP. Cette méthode fonctionne bien, à moins de vouloir utiliser un gestionnaire de version. J’ai donc changé de méthode d’installation pour pouvoir utiliser Git.
Un widget pour afficher les métadonnées des articles
Certains décident d’afficher les métadonnées, comme la date de publication, au niveau du titre ou sous l’article. Pour ce site, comme sur l’ancienne version, je souhaitais les afficher dans la barre latérale. J’ai donc créé un widget WordPress pour le faire.
Lire la suite Un widget pour afficher les métadonnées des articles
Un widget WordPress pour afficher les étiquettes
Par défaut WordPress ne propose qu’un widget pour afficher les étiquettes : le nuage d’étiquettes. Pour ce site, je souhaitais plutôt les afficher sous forme de liste. Le widget Catégories propose un tel affichage, mais comme son nom l’indique, il ne gère que les catégories.
Lire la suite Un widget WordPress pour afficher les étiquettes
De CSS à SCSS
Récemment, j’ai fait une refonte du site. À ce moment-là, je n’utilisais que CSS, mais j’avais pour projet d’apprendre Sass par la suite, ou du moins, sa variante, SCSS qui me semble plus intuitive. Ainsi, même si la refonte ne date pas, j’ai effectué une nouvelle mise à jour.