Alsacreations

[Rodolphe] L'attribut contenteditable en HTML permet de rendre des éléments éditables directement dans le navigateur, en quelque sorte un super-textarea qui permet la mise en forme dans tout élément HTML parce qu'on peut y placer ce qu'on veut... Ce qui est justement le problème de sa valeur par défaut true : ...

[Rodolphe] Vous est-il déjà arrivé de vous demander ce qui existait avant le (World Wide) Web que nous connaissons aujourd'hui ? Avant que les navigateurs graphiques ne deviennent la norme. Vous aviez déjà entendu parler de Netscape, Mosaic, voire du premier navigateur qui fut World Wide Web lui même. Mais sav...

[Arteast] Imaginez une scène sur laquelle le ou les artiste(s) n’utilisent pas d’instrument traditionnel, mais des ordinateurs sur lesquels ils écrivent des lignes de code en temps réel, donnant naissance à de la musique et à des effets visuels projetés en live. Bienvenue dans l'univers du live coding, et pl...

[Rodolphe] Il existe plusieurs façons de forcer le téléchargement d’un fichier côté navigateur, que ce soit pour un fichier statique déjà hébergé sur votre serveur ou pour des données générées dynamiquement (à la volée dans la page). Utiliser l’attribut download En ajoutant l’attribut download à une balise...

[Raphael]  Une question se pose fréquemment : quel est le "bon" usage des balises , , et ? La tendance a longtemps été de remplacer par et par en pensant que c'était une meilleure pratique sémantique, or la réponse ne se résume pas à cette simple correspondance, ni à un simple choix visuel. Pour écrire...

[Lisa] Depuis l’arrivée du Full Site Editing (FSE) avec WordPress 5.8 en 2021, notre manière d’envisager la création de sites web évolue profondément ; l’architecture de création de thèmes et la gestion de la structure front-end ont profondément évolué. Dans cet article, on vous explique ce qu’est le FSE,...

[paleo] Le « vibe coding » est une expression inventée par Andrej Karpathy en début d'année, elle désigne une nouvelle façon de programmer, en déléguant entièrement l'écriture du code à l'intelligence artificielle d'un agent. Mais un agent de programmation IA reste un outil, apprendre à le manier demande un...

[Raphael] Spatzi est un outil en ligne interactif conçu pour aider les designers et développeurs à créer des palettes de couleurs accessibles. Il permet de vérifier les ratios de contraste selon les normes WCAG (Web Content Accessibility Guidelines) et APCA (Accessible Perceptual Contrast Algorithm), et d'ex...

[Raphael] CSS, bien qu'il ne soit qu'un langage de présentation, peut parfois impacter l'expérience utilisateur des personnes utilisant des technologies d'assistance. Ironiquement, certaines propriétés CSS, conçues pour simplifier la mise en page et son accessibilité, peuvent conduire… à engendrer des soucis ...

[Lisa] L’évolution des outils de design UX (User eXperience) ces dernières années a transformé nos manières de concevoir les interfaces. Et s’il y a bien un acteur qui reste incontournable dans notre quotidien de designer d’interface et d'expérience utilisateur, c’est Figma. Avec l’arrivée progressive de l...