[CSS] Comment être responsive SANS Media-query 🛑

Поділитися
Вставка
  • Опубліковано 5 вер 2024
  • ⚡️Support de la vidéo : github.com/Jus...
    ✅ Si tu veux devenir développeur Front-end : fromscratch.po...

КОМЕНТАРІ • 28

  • @certes7920
    @certes7920 2 місяці тому

    Incroyable, je pensais pas apprendre autant de trucs utiles en 11min, merci!
    En tant que debutant c'est exactement le format de video qui me fait le plus progresser, on voit directement la chose a ameliorer dans la page web et ce qui est utilisé pour l'ameliorer.

    •  2 місяці тому +1

      Merci à toi ! Bon courage dans cette longue et belle route qu'est l'apprentissage du code 😁

  • @losing_interest_in_everything
    @losing_interest_in_everything 3 місяці тому +4

    Dommage que tu ne parles pas des clamp(), des @container et de min() - max() !

  • @freezybam9249
    @freezybam9249 Місяць тому

    Tellement dommage que tu poste tout les 6 mois.. j'ai commencer à apprendre la programmation avec tes vidéo! Actuellement en formation en tant que développeur full stack JS de 1 ans chez la wild code school😊

  • @emotionstv6721
    @emotionstv6721 3 місяці тому +1

    Bonjour prof ,merci beaucoup pour vos vidéos. J'avoue que j'ai commencé à apprendre vraiment la programmation ici.
    Est-ce que vous pouvez nous montrer comment faire le "responsive d'un site comme Facebook" j'aime bien la disposition (Android) de ces menus pour mon site.
    Merci ❤🇨🇩

  • @clergetgeorges8084
    @clergetgeorges8084 2 місяці тому +1

    Super vidéo bravo

  • @ulysse-2029
    @ulysse-2029 3 місяці тому +1

    Super la vidéo, le CSS fluide est mal connu par les devs et les designers.
    Si le "graphiste" te demande XXpx en mobile XXpx en tablet et XXpx en desktop et XXpx en xxl-desktop, il faut lui expliquer que ce n'est plus une bonne pratique depuis quelques années ( l'arriver de la méthode clamp() ) .
    Si tu gères une font-size en dur dans un breakpoint, la taille de cette font va être trop petite ou trop grosse sur la résolution intermédiaire, ajouter 100 breakpoints pour etre réellement responsive-fluide ? ^^ pas certain :p
    Il faut faire du fluide avec un min et un max :
    font-size:clamp(2rem, calc(10px + 4vw), 4rem);
    ça permet d'avoir un scale progressif entre le mobile et le xxl-desktop.
    c'est la méthode la plus rapide pour respecter une maquette, quand un designer ajuste le font-size de son H1, il est attentif à l'espace occupé par le H1, les proportions c'est un aspect important d'une mise en page, pour que le H1 soit impactant il va surement le garder sur 2 lignes et utiliser 40% de la largeur de l'écran. Pour respecter cela les media-query sont un non sens, il faut que le CSS soit fluide, pour un résultat identique à la vision du designer, peut importe l'écran utilisé.
    Belle soirée

  • @juniorkamanda2606
    @juniorkamanda2606 3 місяці тому

    Bonjour cher Coach !
    Très belle vidéo ... comme d'habitude d'ailleurs

    •  3 місяці тому

  • @kamalbourbia4350
    @kamalbourbia4350 3 місяці тому

    Top ta vidéo. On fini pas d'apprendre

  • @mandimbizara
    @mandimbizara 3 місяці тому

    Comme d'habitude! Une super vidéo. 😉

    •  3 місяці тому +1

      Merci beaucoup 😁

    • @mandimbizara
      @mandimbizara 3 місяці тому

      Avec plaisir!😇

  • @BenBokombi
    @BenBokombi 3 місяці тому

    Meilleur vidéo, comme d'habitude, est-ce que tu peux nous faire une vidéo où tu nous lances des défis à réalisé en html css javascript s'il te plaît 😭😭

  • @bambambow8467
    @bambambow8467 3 місяці тому

    Merci encore.

  • @KinaiNY
    @KinaiNY 3 місяці тому

    Bonjour Julien , pourrais tu nous donner un cours sur Tailwind-css? Merci

  • @LeMontreuillois
    @LeMontreuillois 3 місяці тому

    Vidéo au top ! Merci !

  • @SUPA93200
    @SUPA93200 Місяць тому

    LIMPIDE ! Bientôt de nouvelles ressources pour la formation?

  • @noapage
    @noapage 2 місяці тому +1

    bonjour je n'arrive pas a retrouver ta video sur le burger menu , a t-elle-été effacée?

  • @tonolajulien8049
    @tonolajulien8049 2 місяці тому

    Salut l’amis merci pour ton contenu :) un ami dev m’a parlé de TelWind pour le CSS. Tu en parle dans ta formation ?

  • @n.nonyme
    @n.nonyme 3 місяці тому

    Merci

  • @TechieStephSEO
    @TechieStephSEO 2 місяці тому

    comme d'habitude hyper intéressant, j'avais trouvé des truc par moi même mais la grid comme beaucoup de monde, je l'utilise peu. Par contre, j'avais une questions en suivant tes cours (pedia) et tes vidéos à un moment donné, tu as parlé d'une extension pour voir le centrage de nos éléments etc sur notre page. Je n'ai pas retrouvé cette extension pour voir si nos éléments étaient bien alignés , peux-tu la redonner , stp ? merci encore et bonne continuation .

    •  2 місяці тому +1

      Ca s'appelle Ruler Measurement 😉

    • @TechieStephSEO
      @TechieStephSEO 2 місяці тому

      Oui c'est çà. Je te remercie encore , je me suis vu prendre une règle sur l'écran pour voir si mes éléments étaient alignés. Et vue que j'aime les choses droites et alignées quand tu as sorti ta vidéo etc...je me suis dit c'est pour moi c'est outil mais j'ai changé de pc. N'hésitez pas à suivre ses formations sur pedia , moi je l'ai fait et j'ai compris énormément de choses .

  • @kenshinhimura3140
    @kenshinhimura3140 3 місяці тому

    Super vidéo cafard

  • @gobajoseph5064
    @gobajoseph5064 3 місяці тому

    Super Utile ❤🎉🎉

  • @ibdiagne8315
    @ibdiagne8315 Місяць тому

    Vidéo Burger menu il passé 😭 où