Coder un effet "Wave" stylé.

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 40

  • @blkemerone4099
    @blkemerone4099 3 роки тому

    Damn le bonus a la fin est stylé sur les animations

  • @gindevgin9298
    @gindevgin9298 4 роки тому +2

    Excellent! Tu est vraiment très productif ! J'en suis encore loin... Et j'ai hâte de voir pour figma.

  • @tibautngoune1445
    @tibautngoune1445 4 роки тому

    merci Enzo c'est vraiment génial

  • @galius1473
    @galius1473 4 роки тому

    Merci Enzo c'est du bon boulot.

  • @lucblouin2747
    @lucblouin2747 4 роки тому

    Merci Enzo, Génial cette vidéo, une fois de plus. J'ai découvert Figma qui est assez étonnant, je dois bien l'avouer!

  • @electronpositron7005
    @electronpositron7005 4 роки тому +1

    Merci Enzo c'est exactement ce que je recherchais :)

  • @cerisen
    @cerisen 4 роки тому

    Génial merci Enzo

  • @jonathanalixpierredort8932
    @jonathanalixpierredort8932 4 роки тому

    super video!!Merci enormement

  • @fnicolay100
    @fnicolay100 4 роки тому +2

    Super boulot, c'est normal que tes vues explosent

  • @clement.reboul
    @clement.reboul 4 роки тому

    Merci pour tes tutos en vidéos, ils sont tous très cool !
    J'ai acheté ta formation complète dev front end sur Udemy, c'est comme ça que je t'ai découvert, du coup je me suis abonné à ta chaine YT récemment ;)
    Tu prévois de faire des tutos sur du backend où tu ne fais que du front ?
    Une grosse formation sur le back aussi complète que celle que tu as fait sur le front ça serait vraiment cool !
    Où une formation complète et assez poussée sur la création de plugin WordPress ça serait top aussi, j'en ai pas trouvé sur internet.
    Merci !

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому +1

      Le back en JS arrive sur la chaîne et je compte bien en faire un grand cours comme le cours Front ;)
      Pour ce qui est du plugin WP je n'y ai jamais pensé donc pour l'instant ce n'est pas prévu.
      Merci pour ton soutien !

  • @krisfrade
    @krisfrade 4 роки тому

    De la bombe ! C'est exactement ce que je voulais comprendre. YES! merci à toi ;)

    • @caspianvictor7110
      @caspianvictor7110 3 роки тому

      Sorry to be so off topic but does any of you know a trick to get back into an instagram account??
      I was stupid forgot the password. I would love any help you can give me!

    • @logancannon458
      @logancannon458 3 роки тому

      @Caspian Victor Instablaster ;)

    • @caspianvictor7110
      @caspianvictor7110 3 роки тому

      @Logan Cannon I really appreciate your reply. I got to the site thru google and Im waiting for the hacking stuff now.
      Looks like it's gonna take quite some time so I will reply here later with my results.

    • @caspianvictor7110
      @caspianvictor7110 3 роки тому

      @Logan Cannon It worked and I actually got access to my account again. I am so happy!
      Thank you so much, you saved my ass :D

    • @logancannon458
      @logancannon458 3 роки тому

      @Caspian Victor No problem xD

  • @nayz.7572
    @nayz.7572 4 роки тому

    Merci, je cherchais quelque chose comme ça 😼

  • @theomhn
    @theomhn 4 роки тому

    Encore une bonne vidéo, j'ai une suggestion de vidéo pour toi car j'ai l'impression que tu t'ennuie et que ta pas trop d'idée KAPPA, pourrais-tu faire une vidéo pour crée son propre portfolio en html css et pourquoi avec de petite animation en js !

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому +3

      On me le suggère souvent mais je ne le fais pas pour deux raisons :
      - Les vidéos longues font très peu de vues (en Fr en tout cas).
      - J'ai tourné des cours sur la création de Portfolio donc ce serait pas honnête de le montrer gratuit sur YT.
      Mais si tu veux faire un portfolio tu as quand même l'ensemble de ce qu'il faut savoir en pièces détachées sur ma chaîne, (galerie, accueil, formulaire etc ).
      🚀

  • @foxypiratecove37350
    @foxypiratecove37350 Рік тому

    5:00 media query : humhum 75

  • @waffeuivanybotrelrayn3392
    @waffeuivanybotrelrayn3392 2 роки тому

    On peut avoir des sites pour réduire la taille d'une image, enlever son background comme l'image de cette vidéo et où prendre ses svg ?

  • @rudys9835
    @rudys9835 4 роки тому

    Super Vidéo, merci , je comprends pas , je n'arrive pas à exporter le fichier créer dans Figma pour l'enregistrer dans un dossier , j'enregistre mais impossible de le voir ? Merci

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому

      Il y a trois petits points à côté de "svg", cochez la case "contents only" !

    • @rudys9835
      @rudys9835 4 роки тому

      @@EcoleduWeb Merci, je vais essayer...

  • @baptistebidaux
    @baptistebidaux 4 роки тому

    Super Enzo, merci une fois de plus pour ce partage de connaissances ! Juste une question : lorsque j'ai créé ma "vague" sur Figma et que je l'ai exportée en svg, je me suis retrouvé avec des petites marges blanches de chaque côté. J'ai eu beau le faire plusieurs fois, j'ai eu le même souci à chaque fois. J'ai été obligé pour rectifier le tir d'augmenter la width de mon image à 105% pour compenser. As tu une idée d'où cela pourrait venir ? Je précise que j'ai bien reset les margin et padding dans mon CSS.

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому

      Aurais-tu entouré ta création d'un frame ?
      Il faut vraiment travailler avec un projet vide et juste faire le tracé avec l'outil pen :)

    • @baptistebidaux
      @baptistebidaux 4 роки тому +1

      Le Designer du Web - Enzo Ustariz C’est pourtant ce que j’ai fait a priori. Bon pas grave cependant, avec le 105% ça passe bien !

    • @Davidv24
      @Davidv24 4 роки тому

      Je pense que tu as laissé l'effet drop shadow...

    • @baptistebidaux
      @baptistebidaux 4 роки тому

      @@Davidv24 Merci David, j’essaierai de vérifier ça !

  • @waffeuivanybotrelrayn3392
    @waffeuivanybotrelrayn3392 2 роки тому

    Cool

  • @Eric-ri8el
    @Eric-ri8el 4 роки тому

    Je ne suis pas aller jusqu'au animations, mais au niveau css il y mieux à faire. Il y a des propriétés inutiles ici et là et des choses qui ne se font plus depuis longtemps (font-size en px !). Par contre j'ai apprécié l'idée du wave (coté design) ! Petite remarque un svg peut être responsive donc pas besoin de règle pour lui !

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому +1

      L'utilisation des px est tout à fait correcte dans la présentation d'un petit projet comme celui-ci.
      Aussi les "propriétés inutiles", je les code pour montrer aux viewers les propriétés cachées en CSS, type width: 100%, et ainsi mieux faire comprendre à tout le monde ce qui se passe sous le capot.
      Je suis le premier à montrer l'utilisation des REM/EM, d'ailleurs c'était le sujet de mon premier cours, il y a deux ans.
      Mais attention à ne pas se prendre pour MR je sais tout ... les unités de mesures REM/EM ont leurs avantages et inconvénients.

    • @Eric-ri8el
      @Eric-ri8el 4 роки тому

      @@EcoleduWeb Ce n'est pas une critique, juste une remarque. et mes stagiaires apprécient beaucoup vos cours sur Tuto.
      C'est juste que je trouve cette vidéo un peu trop léger niveau css ;-)
      Après comme je l'ai dit je ne suis pas aller jusqu'aux animations, donc ce qui précède est peut-être justifié.

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому

      @@Eric-ri8el J'essaye de ne pas utiliser SASS + la technique REM + du nesting etc à chaque vidéo, sinon je perds 90% des débutants qui viennent ici pour apprendre pas à pas :)

    • @Eric-ri8el
      @Eric-ri8el 4 роки тому

      @@EcoleduWeb Après avoir regarder jusqu'aux animations puis les réaliser en css, effectivement certains éléments nécessitent une position relative ;-)

  • @SIMOhani
    @SIMOhani 4 роки тому

    Merci**********

  • @MrNiuxe
    @MrNiuxe 4 роки тому

    inkscape .... tellement mieux et y'a pas photo !

    • @EcoleduWeb
      @EcoleduWeb  4 роки тому

      Peu importe l'outil tant qu'on peut réaliser la tâche qu'on veut :)

    • @MrNiuxe
      @MrNiuxe 4 роки тому

      @@EcoleduWeb certes, mais on est vite limité ! Rien, que l'image d'accueil (Inkscape), si on essaie de la faire avec Figma ==> bonne chance... Après, je m'en moque que les autres préfèrent utiliser cet outil (Figma ==> avec une version payante).