HTML

HTML (Hypertext Markup Language) est un langage des balises qui permet de monter le squelette, la structure des pages d'un site web. il dispose beaucoup des composants nécessaires pour une page web : lien, formulaire, tableau, boutton, ...

Un tutoriel pour charger une image dès qu'elle entre dans le viewport en utilisant le plugin Intersect du framework AlpineJS.
image de couverture
Développement web

AlpineJS : Implémenter le lazy loading des images avec le plugin Intersect
Un tutoriel pour enregistrer un tableau HTML dans un fichier Excel en utilisant la bibliothèque JavaScript SheetJS
image de couverture
Développement web

Comment exporter un tableau HTML vers Excel avec SheetJS
Un tutoriel pour définir et présenter une date dans un élément HTML input de type de datetime-local en utilisant JavaScript.
image de couverture
Développement web

JavaScript : Comment définir et afficher une date dans un input datetime-local ?
Un tutoriel pour afficher la date d'un modèle dans un input HTML de type datetime-local dans un projet Laravel 10.
image de couverture
Développement web

Laravel : Afficher une date dans un input datetime-local

Logomark
Un tutoriel HTML pour récupérer la valeur d'une option <option> d'un champ <select> et rédiriger le client vers l'option (URL) choisie avec Alpine.js.
image de couverture
Développement web

Alpine.js - HTML : Rédirection vers la valeur d'un champ select
Un tutoriel pour mettre en place un formulaire de contact pour envoyer un mail dans un projet Laravel Livewire.
image de couverture
Développement web

Laravel livewire : Créer un formulaire de contact

Logomark
Un tutoriel pour afficher les messages d’erreur de validation avec Laravel, sur un formulaire stylisé avec Bootstrap 5
image de couverture
Développement web

Laravel - Bootstrap : Afficher les erreurs de validation d’un formulaire

Logomark
Un tutoriel pour copier et coller le contenu d'un champ de saisie de texte HTML dans le presse-papier en utilisant l'API JavaScript Clipboard
image de couverture
Développement web

JavaScript : Copier-coller dans le presse-papier
Un tutoriel pour générer dynamiquement les éléments <title> et <meta> pour le SEO en utilisant le package cagilo/cagilo dans un projet Laravel
image de couverture
Développement web

SEO Laravel : Gérer les meta tags avec Cagilo

Logomark
Un tutoriel pour mettre en place les opérations CRUD (Create, Read, Update, Delete) avec upload d’image dans un projet Laravel. Exemple d'un blog.
image de couverture
Développement web

Laravel : Créer le CRUD d'un blog

Logomark
Deux méthodes JavaScript pour afficher une image choisie au formulaire HTML d'upload de fichier avant de l'envoyer vers le serveur
image de couverture
Développement web

JavaScript : Prévisualiser une image avant l'upload
Un tutoriel pour afficher sur une page web les éléments qui se trouvent au niveau de la barre de défilement (scroll bar) avec wow.js en les animant avec animate.css
image de couverture
Développement web

Wow.js et animate.css : Afficher et animer les éléments au niveau de la scroll bar
Un tutoriel pour télécharger la police d’écriture Font Awesome via npm dans un projet Laravel, l’importer et le compiler avec laravel-mix puis afficher les icônes sur une page web.
image de couverture
Développement web

Installer Font Awesome via npm et laravel-mix dans Laravel

Logomark
Un tutoriel pour mettre en place un système d’upload de fichier avec une barre de progression pour suivre l’avancement de l’upload dans un projet Laravel - Vue.js
image de couverture
Développement web

Laravel - Vue.js : Uploader un fichier avec une barre de progression

Logomark
Ce tutoriel présente la procédure pour mettre en place le bouton de paiement PayPal Express Checkout sur un site web avec la librairie JavaScript PayPal pour accepter les achats en ligne.
image de couverture
Développement web

Intégrer le paiement PayPal sur son site avec la SDK JavaScript PayPal
Un tutoriel pour mettre en place un large (méga) menu déroulant (dropdown) avec Bootstrap 4
image de couverture
Développement web

Bootstrap : Créer un méga dropdown menu responsive
Un tutoriel pour obtenir les propriétés d’un fichier (nom, extension, chemin, taille, date de modification, …) et écrire dans un fichier avec la classe PHP SplFileInfo
image de couverture
Développement web

PHP SplFileInfo : Obtenir les informations et écrire dans un fichier
Un tutoriel pour appliquer les effets tels que le floutage, le contraste, la saturation, le noir et blanc,... sur une image en CSS
image de couverture
Développement web

CSS : Appliquer un effet sur une image