Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.
  1. Réaliser une Timeline (Ligne Chronologique) horizontale en CSS et Javascript

    Réaliser une Timeline (Ligne Chronologique) horizontale en CSS et Javascript

    Tutorial Intermediate

    Dans un précédent article, je vous ai montré comment réaliser une Timeline verticale responsive en partant de zéro. Aujourd'hui, je vais couvrir le processus...

  2. Comment construire un changement d'effet de relance de soulignement avec CSS et JavaScript

    Comment construire un changement d'effet de relance de soulignement avec CSS et JavaScript

    Tutorial Intermediate

    Dans le tutoriel d'aujourd'hui, nous allons utiliser un peu de CSS et JavaScript pour créer un effet fantaisie de survol du menu. Ce n'est pas un résultat...

  3. 11 cours pratiques d'animation Web

    11 cours pratiques d'animation Web

    Tutorial Beginner

    Une animation bien réalisée et significative peut réellement améliorer l'expérience d'interaction de vos sites Web et vos applications. Elle peut raconter...

  4. Ce qui est Gulp ?

    Ce qui est Gulp ?

    Tutorial Beginner

    Ce qui est Gulp ? Une description est que Gulp est un coureur de la tâche. Une autre serait que c’est une boîte à outils pour automatiser des tâches...

  5. Sass à CSS: comment conserver l'espace blanc sur la compilation

    Sass à CSS: comment conserver l'espace blanc sur la compilation

    Tutorial Intermediate

    Vous avez toujours voulu conserver la structure visuelle de vos fichiers Sass, lorsque vous compilez vers CSS, sans perdre l'espace blanc? Dans ce conseil...

  6. Comment créer une vidéo flottante "collante" sur le rouleau de page

    Comment créer une vidéo flottante "collante" sur le rouleau de page

    Tutorial Intermediate

    Si vous vous êtes retrouvé en parcourant des sites Web de médias récemment–des services de streaming vidéo, des sites de nouvelles, Facebook et ainsi de...

  7. Surchargez votre flux de travail WordPress local avec Gulp et Browsersync

    Surchargez votre flux de travail WordPress local avec Gulp et Browsersync

    Tutorial Intermediate

    Dans ce tutoriel screencast, je vais vous montrer comment travailler plus efficacement avec WordPress, en particulier lors du développement local.

  8. Comment traquer le comportement de l’utilisateur avec les événements Google Analytics

    Comment traquer le comportement de l’utilisateur avec les événements Google Analytics

    Tutorial Intermediate

    Pour faire court ; vous venez juste de refondre votre site Internet, et vous avez fait usage de toutes les pratiques exemplaires, dont vous êtes au courant....

  9. Qu'est ce que l'Effet Parallaxe?

    Qu'est ce que l'Effet Parallaxe?

    Tutorial Beginner

    Si vous pratiquez le développement front-end depuis un certain temps, vous avez probablement entendu parlé de 'parallax scrolling' (ou effet Parallaxe). Dans...

  10. À quoi s’attendre de la conception Web en 2016

    À quoi s’attendre de la conception Web en 2016

    Tutorial Beginner

    2015 a été une année à retenir ! De la première expédition de l’Apple Watch à l’atterrissage du rover Mars, à la libération attendue de la prochaine...

  11. "Copier dans le presse-papier" Devient Facile avec Clipboard.js

    "Copier dans le presse-papier" Devient Facile avec Clipboard.js

    Tutorial Intermediate

    Sur n'importe quelle page web, il n'est pas rare de copier une partie de texte, comme un paragraphe, un bout de code ou un URL. Et pour le faire,...

  12. Info rapide : Utiliser l'attribut HTML5 "download"

    Info rapide : Utiliser l'attribut HTML5 "download"

    Tutorial Beginner

    Créer un lien de téléchargement en HTML est assez simple ; ajoutez une balise a et donnez le chemin d'accès au fichier dans l'attribut href. Cependant,...