FFmpeg : optimiser une vidéo MP4 pour la lecture progressive
Accélérez le début de lecture des vidéos MP4 avec FFmpeg et -movflags +faststart : fonctionnement de l’atome moov et commande à utiliser.
Tous les articles sur la thématique "webdesign"
PHP : envoyer les bons en-têtes HTTP de cache
Configurez les en-têtes HTTP de cache en PHP : Cache-Control, ETag et Last-Modified, avec précautions pour WordPress et les pages dynamiques.
HTML : corriger l’attribut iframe frameborder obsolète
Le validateur HTML signale frameborder comme obsolète ? Supprimez cet attribut iframe et utilisez CSS pour gérer les bordures et l’affichage.
CSS : définir la largeur d’un champ texte proprement
Définissez la largeur d’un champ input HTML avec width, max-width et box-sizing : exemples CSS adaptatifs et distinction avec l’attribut size.
Ubuntu : installer la dernière version de GIMP
Installez GIMP sous Ubuntu avec APT ou Flatpak, comparez les versions proposées et choisissez une méthode de mise à jour adaptée.
HTML5 : corriger l’erreur « The scrolling attribute on the iframe element is obsolete. Use CSS instead. »
L’attribut scrolling d’une iframe est obsolète en HTML. Découvrez comment utiliser CSS, des conteneurs adaptatifs et le défilement approprié.
PHP : résoudre l’erreur « Creating default object from empty value »
Corrigez l’avertissement PHP « Creating default object from empty value » en initialisant les objets correctement et en vérifiant les valeurs retournées.
Comment créer un accordéon sans JavaScript : la méthode moderne avec summary et details
Guide 2026 pour afficher/masquer du texte avec et : HTML natif, performance, accessibilité, accordéon et animations CSS modernes.
Nouveau logo pour SkyMinds (version 2018)
Retour sur le logo SkyMinds adopté en 2018 et la refonte du thème : identité visuelle, polices et améliorations de présentation du site.
CSS : corriger les problèmes de float et créer une mise en page fluide
Corrigez des blocs HTML qui débordent ou se chevauchent avec flow-root, clear, Flexbox ou CSS Grid pour une mise en page responsive.
jQuery : script toggle pour afficher et cacher de multiples blocs HTML
Affichez et masquez plusieurs blocs HTML avec jQuery toggle, événements click et sélecteurs CSS. Exemples et alternatives en JavaScript moderne.
Refonte WooCommerce du Centre de Kriya Yoga France
Étude de cas : évolution du site du Centre de Kriya Yoga France, du site statique à une plateforme WooCommerce avec cours, adhésions et abonnements.
Améliorer ses graphiques avec le minimalisme
Apprenez à rendre vos graphiques plus clairs avec le minimalisme : supprimer le bruit visuel, choisir le bon graphique et guider la lecture.
WordPress : exécuter un shortcode dans une fonction PHP
Exécutez un shortcode WordPress depuis une fonction PHP avec do_shortcode() ou apply_shortcodes(), avec exemples sécurisés et bonnes pratiques.
jQuery : script utilisant la fonction toggle pour afficher ou cacher un bloc HTML
Affichez ou cachez un bloc HTML avec details, summary ou Vanilla JavaScript. Une alternative moderne au toggle jQuery, accessible et légère.
PHP : remplacer eregi(), ereg() et corriger l’erreur “function eregi() is deprecated”
Corrigez l’erreur PHP “Function eregi() is deprecated” ou “Call to undefined function eregi()” en remplaçant eregi(), ereg() et split() par preg_match().
WordPress : afficher un shortcode dans un article, une page, un bloc Gutenberg ou une template
Insérez un shortcode dans un article, un bloc Gutenberg ou un thème WordPress avec add_shortcode et do_shortcode, sans casser le rendu.
Webdesign : le site du collège Pablo Picasso
Présentation du site WordPress du collège Pablo Picasso : design, publication des informations et des cours, code adapté et relais transmis à une collègue.
Dialogues ZEP : Doudou fait de l’infographie
Un strip sur Doudou, collègue chargée du site du collège, oppose les attentes d’un design professionnel au retour du GIF animé et aux souvenirs du web ancien.
Le site de l’Académie de Créteil n’accepte que deux navigateurs : Internet Explorer et Firefox
Critique d’une restriction du site académique de Créteil : Chrome et Opera sont écartés au profit d’Internet Explorer 8 ou Firefox 3 malgré un XHTML valide.
Dialogues ZEP : « fond d’écran mosaïque »
Un dialogue avec Chris sur un fond d’écran en mosaïque mène à une réflexion sur le webdesign : choisir un arrière-plan adapté au contenu du site.
CSS : afficher correctement une image en arrière-plan
Affichez correctement une image en arrière-plan CSS avec background, background-size, cover, contain, overlays, responsive et bonnes pratiques modernes.
CSS : forcer le retour à la ligne du code pre en CSS3
Forcez le retour à la ligne dans les balises pre en CSS avec white-space, overflow-wrap et les bonnes pratiques modernes pour blocs de code WordPress.
10ème anniversaire : nouveau thème Palm Tree
Pour les dix ans de SkyMinds, présentation du thème Palm Tree : réflexion sur les anciennes versions du design et recherche d’une identité plus reconnaissable.
Can you be a web designer ?
Tout l’état d’esprit du web designer résumé en cet organigramme : pas objectif (tous n’ont pas des macs) mais cela a le mérite de faire sourire :)
Guide pour créer et héberger un site sur Internet
Guide pour créer un site web : réserver un domaine, choisir l’hébergement, installer WordPress et préparer sécurité, sauvegardes et référencement.
Évolution de la carrière dans la publicité
Une illustration de Work For Food décrit les carrières publicitaires par leurs outils : création graphique au début, Excel et PowerPoint chez les dirigeants.
De l’importance du cahier des charges du développement web
J’ai eu l’occasion récemment d’écrire un formulaire de contact ainsi que son traitement PHP pour une entreprise de construction canadienne.
Éviter le contenu dupliqué avec l’URL canonique
SEO: indiquez l’URL canonique pour chaque page de votre site pour éviter le contenu dupliqué au niveau des résultats de recherche.
Optimiser un thème WordPress : réduire les requêtes SQL inutiles
Réduisez les requêtes SQL d’un thème WordPress avec Query Monitor, WP_Query optimisé, cache objet, transients et bonnes pratiques PHP.
Comment créer une feuille CSS d’impression pour son site
Créez une feuille CSS d’impression propre avec @media print, @page, les sauts de page, les URL visibles et une mise en page adaptée au PDF.
Nouveau look : le thème LSD
Présentation du thème LSD du blog : couleurs bleutées, en-têtes aléatoires et largeur réduite, avec un problème d’affichage sous Internet Explorer.