École du Web
École du Web
  • Видео 567
  • Просмотров 4 907 270
Zoomer dans une image en HTML - CSS - JS
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/
📁 Code source : github.com/ecole-du-web/zoomable-img
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designer-du-web.com/news
--------------------------------------------------------------------------------------------
Rejoins la communauté pour partager et/ou obtenir de l’aide sur :
► Discord : discord.gg/XFP75gW
Suis-moi également sur mes réseaux anglophones :
► RUclips : ruclips.net/user/TheWebSchool
❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-le moi dans les commentaires !
Просмотров: 1 848

Видео

Animation stylée d'une liste avec :has()
Просмотров 3,6 тыс.21 час назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 📁 Code source : github.com/ecole-du-web/has-animation 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si tu veux qu...
Coder un effet balayage au scroll très facilement.
Просмотров 2,1 тыс.День назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 📁 Code source : github.com/ecole-du-web/swipe-scroll-animation 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si t...
Déclarer des variables en ligne en JavaScript, bonne ou mauvaise pratique ?
Просмотров 1 тыс.День назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-...
👉 Tu ne connais pas align-content.
Просмотров 2,6 тыс.Месяц назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-...
Évitez les Bugs en Comprenant les Pourcentages en CSS %
Просмотров 1,4 тыс.Месяц назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 📚 Ou suivez mes cours sur UDEMY : liste-des-cours.com/ 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si tu veux q...
Les nouvelles propriétés logiques en CSS
Просмотров 2,1 тыс.Месяц назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 📚 Ou suivez mes cours sur UDEMY : liste-des-cours.com/ 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si tu veux q...
Les nouvelles pseudo-classes :is() et :where() en CSS
Просмотров 4,5 тыс.Месяц назад
🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 📚 Ou suivez mes cours sur UDEMY : liste-des-cours.com/ 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis-moi également sur mes réseaux anglophones : ► RUclips : ruclips.net/user/TheWebSchool ❓ Si tu veux q...
Le problème avec VH - Utilisez les nouvelles unités !
Просмотров 2,1 тыс.Месяц назад
Site pour tester les unités en mode mobile ou tablette : ecole-du-web.github.io/le-probleme-avec-vh/ 🎓 Formez-vous avec l'École du Web : www.ecole-du-web.net/ 📚 Ou suivez les cours sur UDEMY : liste-des-cours.com/ 🚀 1 Cours gratuit en t'abonnant à ma newsletter : www.le-designer-du-web.com/news Rejoins la communauté pour partager et/ou obtenir de l’aide sur : ► Discord : discord.gg/XFP75gW Suis...
Les nouvelles propriétés de transformation en CSS
Просмотров 3,5 тыс.2 месяца назад
Les nouvelles propriétés de transformation en CSS
Nouveau cours : Les secrets du débogage CSS ! 🐞🐛🦗
Просмотров 1,2 тыс.2 месяца назад
Nouveau cours : Les secrets du débogage CSS ! 🐞🐛🦗
Mauvaise pratique : transition all ...
Просмотров 1,7 тыс.3 месяца назад
Mauvaise pratique : transition all ...
Chaînage optionnel en JavaScript {}?.
Просмотров 1,5 тыс.3 месяца назад
Chaînage optionnel en JavaScript {}?.
Comprendre Flexbox en 22 minutes. (et pas une de plus) 📦
Просмотров 3,7 тыс.3 месяца назад
Comprendre Flexbox en 22 minutes. (et pas une de plus) 📦
Coder l'animation des onglets YouTube
Просмотров 2,3 тыс.3 месяца назад
Coder l'animation des onglets RUclips
La fusion des marges en CSS
Просмотров 2,3 тыс.4 месяца назад
La fusion des marges en CSS
JavaScript : Fonction d'ordre supérieur
Просмотров 2,7 тыс.4 месяца назад
JavaScript : Fonction d'ordre supérieur
Coder une foire aux questions (design + code)
Просмотров 1,9 тыс.5 месяцев назад
Coder une foire aux questions (design code)
Coder une section "Témoignages" animée
Просмотров 1,8 тыс.5 месяцев назад
Coder une section "Témoignages" animée
Recodons la page "Catégories" de Twitch
Просмотров 1,9 тыс.5 месяцев назад
Recodons la page "Catégories" de Twitch
Coder un effet "Avant/Après"
Просмотров 2,8 тыс.5 месяцев назад
Coder un effet "Avant/Après"
Cours Complet Sass 🎁
Просмотров 2,2 тыс.6 месяцев назад
Cours Complet Sass 🎁
Exercice 'Contexte d'exécution" JavaScript.
Просмотров 1,9 тыс.6 месяцев назад
Exercice 'Contexte d'exécution" JavaScript.
Coder un message d'avertissement sur une page web.
Просмотров 1,9 тыс.6 месяцев назад
Coder un message d'avertissement sur une page web.
Qu'est-ce que SASS ?
Просмотров 4,7 тыс.7 месяцев назад
Qu'est-ce que SASS ?
Coder un bouton effet 3D avec de la perspective en CSS
Просмотров 2,4 тыс.7 месяцев назад
Coder un bouton effet 3D avec de la perspective en CSS
7 astuces avec les devtools 🎉
Просмотров 2,3 тыс.7 месяцев назад
7 astuces avec les devtools 🎉
Introduction exercice intégration UIUX #2
Просмотров 1,3 тыс.7 месяцев назад
Introduction exercice intégration UIUX #2
L'ordre d'affichage en CSS (painting order)
Просмотров 2,2 тыс.7 месяцев назад
L'ordre d'affichage en CSS (painting order)
Résolution exercice intégration UIUX #1
Просмотров 1,6 тыс.8 месяцев назад
Résolution exercice intégration UIUX #1

Комментарии

  • @lucblouin2747
    @lucblouin2747 2 часа назад

    Merci Enzo! Encore un autre excellent tutoriel !

  • @jean-lucdetcherry8752
    @jean-lucdetcherry8752 День назад

    Bonjour Enzo je viens d'acheter ton cours sur Next.JS. J'aurais une question avant de commencer à bosser dessus, j'ai crée une application entièrement en REACT avec vite et je me demande si c'est compliqué de faire une mise à jour vers NEXT.JS.

  • @iboy35
    @iboy35 2 дня назад

    Allez un petit Wiki pour hamburger : « Hamburger » fait référence à la ville de Hambourg, en Allemagne. Il n'existe aucun rapport étymologique entre le hamburger et le jambon (en anglais : ham), puisque le nom de la ville de Hambourg a une étymologie différente. Il est courant en Allemagne de nommer les spécialités culinaires selon leur ville d'origine.

  • @user-jg4fg4qo2d
    @user-jg4fg4qo2d 2 дня назад

    Merci.

  • @lalletalbert4008
    @lalletalbert4008 2 дня назад

    Le code promo du parcours frontend

  • @MV-bp8jy
    @MV-bp8jy 3 дня назад

    Du coup l'event Listener ajouté n'est pas retiré? Il ne risque pas de rester et qu'on se retrouve avec des doublon d'eventListener pour un survole plusieurs fois?

    • @EcoleduWeb
      @EcoleduWeb 14 часов назад

      Il n’est ajouté qu’une seule fois. 👍 Il n’y a pas besoin de le retirer ici.

  • @ahmedwali4665
    @ahmedwali4665 5 дней назад

    comment le faire avec un projet flutter

  • @Choubang59
    @Choubang59 5 дней назад

    Navbar 😉

  • @lilpitaham7318
    @lilpitaham7318 6 дней назад

    Thanks 🎉

  • @EmileCim
    @EmileCim 6 дней назад

    Je besoin de nom de librairie que tu as utilisé pour anime un text

  • @guillaumeducuingdev
    @guillaumeducuingdev 7 дней назад

    Super bien expliqué !

  • @saladin_advanced
    @saladin_advanced 7 дней назад

    Salut Enzo, as tu fini la mise à jour du cours sur Next.js ?

    • @EcoleduWeb
      @EcoleduWeb 7 дней назад

      Ça arrive, ils ont eu la bonne idée de sortir une nouvelle version 🫠

  • @reizserxeiners7866
    @reizserxeiners7866 7 дней назад

    Quand tu as ecrit le TOP dans ma tête je me suis dit c'est pas logique 🤣

  • @gobajoseph5064
    @gobajoseph5064 7 дней назад

    Top Enzo comme d'habitude, stp la formation next JS on attend toujours la mise a jour complète. Merci grâce à toi je prends plaisir à monter en compétences 🎉🎉🎉🎉

  • @Matteo-rq7fk
    @Matteo-rq7fk 7 дней назад

    Tres bonne video !! Merci

  • @worksfatherwemagic3152
    @worksfatherwemagic3152 7 дней назад

    Superbe. Merci. Moi qui crée actuellement un site e-commerce et qui réfléchissais à comment implémenter cela avec les produits, tu n'aurais pas mieux choisi comme timing pour moi. Good job. Je suis surpris de voir que c'est juste quelques lignes de codes qui me permet de faire cet effet. Thanks a lot !

  • @laminediallo4252
    @laminediallo4252 7 дней назад

    très bien expliqué merci beaucoup

  • @Banby91
    @Banby91 7 дней назад

    Trop sympa... super idee!

  • @fabricebeuriot7852
    @fabricebeuriot7852 8 дней назад

    🙂

  • @user-jg4fg4qo2d
    @user-jg4fg4qo2d 8 дней назад

    Un tutoriel pour bien comprendre has est fort appréciable au vu de la complexité de la documentation.Merci beaucoup à vous.Cordialement.

  • @olivierdugast9309
    @olivierdugast9309 8 дней назад

    Merci beaucoup pour cette très riche présentation. Votre soucis de pédagogie vous honore.

  • @mathieuconstantin6811
    @mathieuconstantin6811 9 дней назад

    Vraiment excellente. Le petit plus sur le will-change (depuis, j'avais oublié qu'elle existait) est juste génial ! c'est comme si toutes ces propriétés CSS avait été créées pour ce tutoriel. Tous fonctionnent parfaitement ensemble. Et n'oublions pas cette astuce pour rendre le grid un peu plus responsive-friendly. Parfait 👌👌

  • @olivierdugast9309
    @olivierdugast9309 9 дней назад

    toujours très bien expliqué. Merci.

  • @r.jgrondin8018
    @r.jgrondin8018 9 дней назад

    Toujours excellent tes tutos , (complexe parfois) et bien expliqué. Merci.

  • @lmz-dev
    @lmz-dev 9 дней назад

    Pour MDN j'utilise la version japonaise, comme ça je sais pourquoi je ne comprends rien. Le pire est quand on passe de la version française à la version anglaise et que l'on voit s'afficher "Deprecated", alors que ça fait 3 jours qu'on bosse avec la fonctionnalité en question.

  • @philousk9482
    @philousk9482 9 дней назад

    Vraiment intéressant. Pouvoir affiner son code avec plus de précisions, c'est toujours bien !

  • @hankakim3267
    @hankakim3267 9 дней назад

    Superb video. Merci 😍

  • @davideugene7911
    @davideugene7911 9 дней назад

    Salut et Merci 😀

    • @EcoleduWeb
      @EcoleduWeb 9 дней назад

      Salut & Avec plaisir 👌

  • @Bariseeee
    @Bariseeee 10 дней назад

    Top 1% sur cantusee avec 7930 alors que je fais pas d’UX 🙂‍↕️

  • @moneyfr
    @moneyfr 10 дней назад

    19:04 Debut de Sticky ICI

  • @OmmadawnFR
    @OmmadawnFR 10 дней назад

    Merci, mais la vidéo en boucle sur le coté c'est un enfer pour suivre le cours.

    • @EcoleduWeb
      @EcoleduWeb 10 дней назад

      En effet, je m’en suis aperçu seulement à la fin, je ferai attention à ça si le même cas de figure se représente. Les gondoles donnent le mal de mer à force. 🌊

  • @fabricebeuriot7852
    @fabricebeuriot7852 10 дней назад

    Hello Enzo, franchement c'est déconcertant de voir la vitesse à laquelle tu code bien sûr c'est l'expérience tu me diras mais t'arrive t'il de penser à autre chose que le code une foi que tu y a gouté ? Flexbox j'aime beaucoup ca simplifie vraiment la manière de coder par rapport au float et autres... 🙂

    • @EcoleduWeb
      @EcoleduWeb 10 дней назад

      Ahaha, il ne faut pas oublier que je prépare le code de mes vidéos à l’avance pour rendre mes explications plus fluides. Et oui, Flexbox est un mode de disposition extrêmement efficace. 👍

  • @fabricebeuriot7852
    @fabricebeuriot7852 10 дней назад

    Il me semble avoir vu ceci pour un effet dans le background, merci Enzo bonne journée 🙂

  • @DEVWEBKOFFI
    @DEVWEBKOFFI 11 дней назад

    Merci beaucoup Monsieur !!!

  • @user-jg4fg4qo2d
    @user-jg4fg4qo2d 11 дней назад

    C est très instructif,merci beaucoup .

  • @fabricebeuriot7852
    @fabricebeuriot7852 12 дней назад

    Super vidéo merci Enzo 🙂

  • @JohnSmithhh
    @JohnSmithhh 12 дней назад

    Perso je trouve je scss plus lisible

  • @abf2452
    @abf2452 12 дней назад

    Peut-on aussi dire que Tailwind Css est un preprocesseur ? Si non, où se trouve la subtilité entre preprocesseur et framework s'il te plaît ?

    • @EcoleduWeb
      @EcoleduWeb 12 дней назад

      Un framework CSS fournit un cadre prédéfini, notamment tailwind avec toutes les classes préconçues, qui sont "purgées" pour créer le fichier CSS final par rapport aux classes qu'on utilise en HTML. Un préprocesseur CSS rajoute des fonctionnalités au langage CSS, ce qui permet de produire du code plus maintenable et mieux structurées. J'anticipe la question, on n'utilise pas les deux ensembles, c'est soit l'un ou soit l'autre, suivant les besoins du projet et / ou les préférences du dev. Les deux ont une philosophie différente : Sass : Est conçu pour améliorer le processus d'écriture de CSS en le rendant plus modulaire et réutilisable. Tailwind CSS : Adopte une approche utilitaire où les styles sont directement appliqués dans le HTML. Je dirais que pour créer un gros projet qui doit scaler dans le temps, SASS est meilleur car ces fonctionnalités sont très utiles et son système de module très pratique pour organiser un gros projet. Alors que pour un projet plus simple et rapide, Tailwind permet de gérer le CSS directement dans l'HTML/JSX/etc...

    • @christianboissy3691
      @christianboissy3691 12 дней назад

      Pour un Portfolio par exemple, on peut utiliser tailwind?

    • @EcoleduWeb
      @EcoleduWeb 12 дней назад

      Oui, tout à fait.

    • @abf2452
      @abf2452 8 дней назад

      @@EcoleduWeb Merci beaucoup pour le temps pris pour la réponse. C'est très clair

  • @oknim4411
    @oknim4411 12 дней назад

    mon git push origin master affiche une erreur

    • @EcoleduWeb
      @EcoleduWeb 12 дней назад

      Essaye de refaire les étapes une à une 👍

    • @oknim4411
      @oknim4411 12 дней назад

      @@EcoleduWeb Je ne m"étais pas encore identifié avec le git --config c'est pour ça que je n'y arrivait pas. Mais maintenant ça marche !

  • @n.nonyme
    @n.nonyme 13 дней назад

    Merci

  • @lmz-dev
    @lmz-dev 13 дней назад

    let isAdmin = isAdmin(a, b);

  • @music-4-ever704
    @music-4-ever704 13 дней назад

    Nommage et déclaration des variables sont des points essentiels pour qu'un code soit le plus lisible possible par une personne extérieure ! Merci pour ces petits rappels ;-)

  • @Alone_Cit
    @Alone_Cit 13 дней назад

    Top Enzo merci !

  • @abdoul1562
    @abdoul1562 13 дней назад

    Top merci pour cette video.

  • @nguimbsonevance3900
    @nguimbsonevance3900 14 дней назад

    merci

  • @stephaneguery2280
    @stephaneguery2280 15 дней назад

    Merci Enzo pour tes tutos qui sont très souvent d’une clarté exceptionnelle ! Dans cette vidéo, tu parles de la prochaines vidéo Async/Await mais je ne la trouve pas sur YT :(

    • @EcoleduWeb
      @EcoleduWeb 13 дней назад

      Merci Stéphane! Je dois en retourner une plus adaptée au JS moderne 👍

  • @AliceSEBEGO
    @AliceSEBEGO 15 дней назад

    Top tip, merci bcp Enzo

  • @dekerduhimbaze4863
    @dekerduhimbaze4863 16 дней назад

    Tu pourrais faire des tuto en php s'il te plait ?

    • @EcoleduWeb
      @EcoleduWeb 13 дней назад

      PHP non mais je vais faire des tutos node-express-mongoDB 👍

  • @alexandresaintpere3112
    @alexandresaintpere3112 18 дней назад

    Superbe video merci beaucoup.

  • @Grizzyyy-cb3jd
    @Grizzyyy-cb3jd 21 день назад

    Je connais r au code j’ai dit jaune au hasard 😂