Coder un menu en cercle stylé !

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2020
  • Code source : github.com/Ziratsu/Code-menu-...
    Abonne-toi à la NewsLetter pour recevoir des tas d'infos sur le développement web :
    mailchi.mp/94d9da505508/le-de...
    Le lien du Discord : / discord
    Tu veux apprendre les technologies du web ? C'est par ici :
    www.ecole-du-web.net/
    Je suis aussi sur la plateforme Tuto.com :
    fr.tuto.com/formateur/enzo_us...
    Et sur Udemy :
    www.udemy.com/user/ustariz-enzo/
    Abonne-toi à ma chaîne :
    / @ecoleduweb
    Suis-moi sur Twitter :
    / ledesignerduweb
    Si tu veux que je fasse des vidéos sur certains sujets dis le moi!
    -----------------------------------------------------------------------------------------

Комментарии • 40

  • @drduck667
    @drduck667 3 года назад

    En vrai tu proposes de contenu de bonne qualité et surtout ta franchise toujours dans une démarche d'explication sinon tu dis simplement que tu ne sais pas vraiment comment celà se fait pourtant tu cherches c'est admirable. 💥💥💥

  • @isabellegautier1936
    @isabellegautier1936 3 года назад +1

    Vraiment super, c'est original, c'est classe. C'est un vrai plaisir de suivre tes videos.

  • @Nag-
    @Nag- Месяц назад

    merci chef

  • @baptistebidaux
    @baptistebidaux 3 года назад

    Génial à réaliser ! Super idée, merci !

  • @jeremybarbedienne6119
    @jeremybarbedienne6119 3 года назад +1

    T'es trop fort mec ! Merci !! 🇯🇵🙌

  • @jeanporcher6781
    @jeanporcher6781 3 года назад

    Ah ouai merci c'est vraiment propre ! Cool ce format ;)

  • @doriantheo5134
    @doriantheo5134 3 года назад

    Super c'est grave cool ! Toujours un plaisir de regarder tes vidéos

  • @cerisen
    @cerisen 3 года назад

    Toujours de magnifique tutos continue Enzo tu nous régale

  • @rahff99
    @rahff99 2 года назад

    Cool merci.

  • @roadnkite
    @roadnkite 3 года назад +1

    Franchement ça claque ! Trop stylé

  • @electronpositron7005
    @electronpositron7005 3 года назад +1

    Trop fort ! 👍👍👍👍👍👍👍👍👍👍

  • @gindevgin9298
    @gindevgin9298 3 года назад

    Woh! Ça c'est stylé !! 👍😃

  • @kevinlefournis6293
    @kevinlefournis6293 3 года назад

    Trop fort !

  • @olivierbouzonnie8025
    @olivierbouzonnie8025 3 года назад

    Je suis en train de suivre ta formation front-end et je me régale :) Merci pour la qualité de ta pédagogie !

  • @jamilaabela6013
    @jamilaabela6013 3 года назад

    j adoooore

  • @danblackwolf
    @danblackwolf Год назад

    Salut et merci pour le super tuto, j'ai testé ce chouette menu mais je me suis rendu compte que sur mobile l'overflow-x: hidden ne suffit pas, les navigateurs de mobiles le prennent mal en charge la barre de scroll apparaît et la partie du cercle sensé être cachée apparaît aussi quand le menu pop, on résout le problème avec overflow-x: hidden sur body & html et en donnant au body une position relative.

  • @moutonnrv3750
    @moutonnrv3750 2 года назад +1

    Merci énormément je cherchais et maintenant j'ai compris et je l'ai reproduis à l'exact ! J'ai une question, puis je le réutiliser sous forme beaucoup plus différente ou pas ?

    • @EcoleduWeb
      @EcoleduWeb  2 года назад

      Avec plaisir, oui tu peux 👍

  • @davidfer553
    @davidfer553 3 года назад

    Superbe video comme d'hab bien expliqué, j'aurais une questions que penses tu de webflow et bubble gagne t'on du temps ou pas la peine de perdre du temps la dessus ? Merci

    • @EcoleduWeb
      @EcoleduWeb  3 года назад +1

      Hello, bonne question et vaste sujet, l'interface est longue à maîtriser(webflow), tout ça pour sortir des sites statiques, certes stylés, mais autant apprendre à les coder directement.
      Ça permet d'avoir son propre code, de le debugger et de le maintenir plus facilement.
      Je dirais qu'il faut garder un œil sur ces technos mais que pour l'instant leur utilité reste à prouver!
      Par contre niveau spam de pub RUclips ils sont forts aha

  • @music-4-ever704
    @music-4-ever704 3 года назад

    2:29 les alt="" sont effectivement primordiales dans un site si les images ne sont pas disponibles, mais title="" est encore plus important, notamment pour les personnes mal voyantes et non voyantes

    • @EcoleduWeb
      @EcoleduWeb  3 года назад

      Oui j'ai dû le répéter 100 fois dans toutes mes vidéos et cours pour "alt" :),
      Par contre il faut éviter l'attribut title le plus possible.
      Pour renseigner un utilisateur qui a des problèmes d'accessibilité on utilise plutôt "aria-label", sur un lien sans ancre par exemple.

  • @soramana7718
    @soramana7718 3 года назад +1

    Bonjour petite rectification ce sont des katakana et non des kanji ça veut bien dire butterfly sinon toujours au top merci

    • @EcoleduWeb
      @EcoleduWeb  3 года назад

      Ah les symboles Japonais s'appellent "Katakana" ?
      Qu'est ce que les "Kanji" alors ? :)
      Et bravo pour savoir lire tout ça

    • @soramana7718
      @soramana7718 3 года назад

      @@EcoleduWeb de rien il y a les katakana pour les mots étrangers et les hiragana pour les mots et la grammaire purement japonais et les kanji sont des idéogrammes etc
      J'ai appris en autodidacte 😉

    • @EcoleduWeb
      @EcoleduWeb  3 года назад

      @@soramana7718 ça a du être long et compliqué je me trompe ?
      J'ai bien envie d'aller visiter le Japon(un touriste de plus...) une fois que tout ça sera terminé !

    • @soramana7718
      @soramana7718 3 года назад

      @@EcoleduWeb c'est devenu une passion au début oui comme le code mais avec persévérance on y arrive grâce aux jeux vidéo et les animés etc..

  • @emilieg2036
    @emilieg2036 3 года назад

    Merci beaucoup pour cette vidéo très bien expliquée. Comment puis-je faire faire une rotation avec les icônes par exemple, si je plaçais les icônes en cercle puis que je voulais les faire tourner pour y avoir accès en faisant apparaître celles qui sont cachées et en faisant disparaître celles qui sont affichées.

    • @maximelct
      @maximelct 3 года назад +1

      Avec la technique qu'il utilise c'est assez compliqué, je pense que après faut faire un petit calcul mathématiques en JS. Du coup faut revoir la construction du placement des images

  • @michaelbrun465
    @michaelbrun465 3 года назад

    👍

  • @blacksketchtv7868
    @blacksketchtv7868 Год назад

    Salut je suis très tenté de prendre la formation complete, le seul truc qui me trouble c'est quand tu dis le css ou JS de A à Z étant donné que les possibilité sont infinis , je veux dire par la que pour atteindre le Z il faudrait 20ans de code peut etre , à moins que je me trompe.

    • @EcoleduWeb
      @EcoleduWeb  Год назад

      Bonjour, c'est comme pour la peinture, on apprend les bases, les différentes façons de faire, et après on peut créer ce qu'on veut 👍

  • @jonathanalixpierredort8932
    @jonathanalixpierredort8932 3 года назад

    Wow!! y 'a vraiment du pain sur la planche.......Ou je peux trouver quelques images svg svp

    • @EcoleduWeb
      @EcoleduWeb  3 года назад

      Les SVG du projet sont en description, sinon tu as le site : Flaticons