Skip to content

Articles de la catégorie "Tutoriels"

Webflow : Créer un site web facilement

Lire l'article 1

Cela fait des années que je crée des services et sites web dans mon travail quotidien. Créer un site web facilement et le maintenir aisément fait partie des premiers besoins de mes clients, de mes employeurs ou pour mes petits projets. En 2021, j’ai utilisé pour la première fois Webflow.

PWA – Ajouter des raccourcis d’application

Lire l'article

Il vous est certainement déjà arrivé d’utiliser ces raccourcis disponibles au « force touch » ou « long touch » sur vos icônes d’application mobile ? C’est une manière d’accéder à des raccourcis à l’intérieur de votre application afin d’accéder rapidement à une section, ou entamer directement une action plus précise. Il est désormais possible de le faire pour vos Progressive Web App (PWA).

Code Unique de Vérification : compatible avec les suggestions du clavier

Lire l'article

Les expériences les plus douloureuses sur le mobile sont très certainement celles sur les formulaires en ligne qu’il faut remplir ici et là. Et si vous optimisiez ces expériences étape par étape ? Aujourd’hui, je vous propose une solution pour la saisie d’un code unique temporaire : Vous recevez le SMS avec un code, votre clavier vous le suggère – un seul tap, c’est fait ! Ok, c’est parti !

Le saviez-vous – scrollIntoView() en JS pour défiler vers un élément.

Lire l'article 2

Il n’y a pas si longtemps j’ai vu un des développeurs avec lesquels je travaille écrire une fonction très complexe pour permettre un défilement fluide vers un élément plus bas dans la page. J’ai été assez surpris qu’il n’utilise pas scrollIntoView() et son paramètre behavior de valeur smooth. Ça vous parle ?

Le saviez-vous – Attributs HTML start, reversed et type pour OL

Lire l'article 1

Quand vient le temps d’écrire des contenus riches, vous apprécierez en savoir plus sur les attributs HTML5 et les règles pour écrire des contenus accessibles et efficaces. Saviez-vous que l’élément OL vous permet de modifier certaines valeurs par défaut grâce à certains attributs ? Voyons comment faire.

Améliorer la performance : entre réalité et ressenti

Lire l'article

La semaine dernière j’ai eu l’occasion de donner une conférence lors de l’événement Paris Web. Il s’agissait de ma première intervention en solo sur une thématique que je n’ai pas l’habitude d’aborder même à l’écrit : l’expérience utilisateur avec comme sujet la performance ressentie. Voici un transcript de la conférence donnée.

Mac OSX – Créer un dossier protégé par un mot de passe

Lire l'article 15

À l’ère du chiffrement et du contrôle de ses données, j’ai récemment cherché un moyen de crypter nativement certains de mes fichiers/dossiers sur mon ordinateur portable (actuellement sous OSX) sans passer par un logiciel tier comme TrueCrypt/Bitlocker, simplement pour garder le contrôle.

Créer un menu contextuel avec HTML5

Lire l'article

Vous vous souvenez certainement des scripts JS qui permettent de hacker le clic-droit afin de proposer un menu contextuel personnalisé ? Sachez qu’il est possible depuis peu de le faire grâce à du HTML et un bout de JS. HTML5 étend les capacités de l’élément menu grâce à un nouvel attribut.

Webdesign à base de dégradés de couleurs en CSS

Lire l'article 4

La mode des dégradés revient ces derniers temps. Depuis presque un an déjà les Long/Big Gradients en fond d’éléments sont de mise, souvent en fond de page de votre application ou site web. Qu’ils soient linéaires, radiaux ou complètement abstraits, je vous présente quelques idées d’utilisation et le code CSS qui va avec, grâce à l’utilisation de linear-gradient() et radial-gradient(), notamment.

Copier dans le presse-papier en JavaScript

Lire l'article 11

Vous avez certainement connu ces boutons pour « Copier dans le presse-papier » utilisant pirouette en Flash pour passer outre un blocage de sécurité de nos navigateurs ? Avec l’évolution des API en JS et l’écoute de la demande des développeurs, il est possible depuis maintenant quelques temps de le faire en JS, nativement.

Gérer son serveur (VPS OVH) grâce à Easy Engine

Lire l'article 9

Cela faisait un petit moment que j’avais envie de monter un peu en compétences et d’apprendre à « gérer » un serveur par moi-même. Comme je n’avais pas envie de me lancer tête baissée dans l’inconnu, j’ai profité de conseils de l’un de mes collègues pour le suivre dans ses tests.

Un effet lomographie en CSS

Lire l'article 8

Après un petit article sur l’effet vintage en CSS, voici une autre idée de l’exploitation des filtres CSS sur vos images grâce à la création d’un effet lomographie. Cet effet a tendance à augmenter les contrastes et la saturation des couleurs de la photo elle-même, ou d’un dégradé de couleurs, et peut parfois proposer des fusions d’images (par double exposition).

Scanner des images avec Photoshop

Lire l'article 6

Hey ! Oui oui ce n’est surement pas la trouvaille du siècle mais je me disais que ça avait surement sa place ici. Si comme moi vous faites la guerre au driver de votre scanner sachez qu’il est possible de passer par d’autres logiciels que ceux proposés par la marque de votre machine. Nous allons voir ici comment procéder pour scanner des documents avec Photoshop.

Relooker son thème WordPress

Lire l'article 1

La semaine dernière est sorti un e-book très intéressant sur le sujet de la personnalisation de thème WordPress. Il est vrai que le domaine du thème personnalisé depuis un thème gratuit ou premium est un sujet très vaste et abordable par une multitude de profils différents, du non initié au professionnel. Relooker son thème traite de ce sujet.