Articles de la catégorie "Tutoriels"

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.

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).

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 !

Rester enfermé et réduire les temps de trajet m’a donné pas mal de temps pour me remettre à d’autres activités : le jeu vidéo, musique, mais aussi des tutoriels dans des domaines que je ne connais pas toujours bien. Tuto.com, se joint à moi pour vous occuper jusqu’à la fin de l’année en apprenant de nouvelles choses.

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 ?

Il y a quelques temps j’ai écrit un article sur le montage d’un petit VPS sous Easy Engine pour faciliter la création et gestion de site web. Pendant quelques années j’ai utilisé cet outil sans aucun problème et je suis monté un peu en compétences sur la gestion d’un serveur. Sauf que l’an dernier (2018), EE est passé en v4…

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.

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.

À 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.

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.

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.

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.

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.

Cela faisait un petit moment que je ne vous avez pas proposé de concours sur Creative Juiz. Aujourd’hui c’est Tuto.com qui vous propose de profiter de vos potentielles vacances (ou moments de calme dans vos projets) pour parfaire vos compétences grâce à un abonnement illimité en tutoriels vidéo pendant 3 mois.

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).

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.

J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique. Parfois elle était justifiée, parfois je me rapprochais du contre-exemple ergonomique stéréotypé. (Dois-je utiliser un sticky menu ?) Mais quand même ! Je vous propose de voir ensemble comment on peut faire ça.

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.