Astuce CSS, Gérer un rapport hauteur/largeur

Подписаться 304 тыс.

Просмотров 10 тыс.

50% 1

Article ► grafikart.fr/t...
Abonnez-vous ► bit.ly/Grafika...
Lorsqu'on intègre des vidéos (via des iframe ou la balise video) on a souvent envie que l'élément respecte un ratio prédéfini quelque soit la largeur de l'élément. Nous allons voir les différentes méthodes qu'il est possible d'utiliser pour résoudre cette problématique.
Soutenez Grafikart:
Devenez premium ► grafikart.fr/p...
Donnez via Utip ► utip.io/grafikart
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/t...

Опубликовано:

5 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 21

@tom7050 3 года назад

j'ai envie de dire, vivement que l'aspect-ratio soit dans la place... le trick du padding a vécu ... On peut tout de meme noter que la css evolue dans le sens de l'utilisation et nous simplifie la vie a chaque evolution (object-fit / grid / var .. etc...) Quand je me rappelle de l'etat du web y a 20 ans en full table ... quelle évolution EDIT: j'avais pas encore tilté que l'on pouvait attribué la meme case a des block dans une grid ... c tout bete mais ca ouvre des perspectives assez fofolles

@patrickfarrugia6098 3 года назад

Merci pour la vidéo. Il y a aussi une autre astuce : La balise et

@winsorbwin77 3 года назад

Toujours aussi bien expliqué merci

@ElCaSseGraiN 3 года назад

Grafikart réagis à une ancienne vidéo par une vidéo dans le futur !! GG Jonathan !

@Fichleai 3 года назад

tu as mis localhost pour le lien vers l'article au lieu de son site (on dirait moi :) ) mais top article

@valentinaferraro3328 3 года назад

super pratique cette propriété tout de même

@Learnbynet 3 года назад

Pour le web faudra être patient pour la propagation du support, mais combien intéressant pour les framework OS, si vous dev avec nwjs,electrons, qui integre node et chromium et tous les nouveauté js et html au jours, sans ce soucier que les clients support !

@PopCultureQuest 3 года назад

Merci pour cette excellente vidéo ! Est-ce que tu comptes en faire une sur les container query qui viennent d’arriver dans css3 ?

@codingcable241 3 года назад

C'est vachement compliqué, je trouve. Faut-il avoir le niveau de @grafikart pour travailler dans le développement web ?

@AlphaOuRien 3 года назад

Comme le football, Jonathan joue en division 1 et nous on joue en division 4 😊 on peut quand même exercer , il faut de tout à tous les budgets pour faire un site...

@codingcable241 3 года назад

@@AlphaOuRien Bonne remarque merci!

@zenissart 3 года назад

C’est quoi deja le plugin qui refresh l’onglet du navigateur à chaque modif du code source ?

@felixgeorgeault6079 3 года назад

live server

@sorrow_io 3 года назад

Super tuto, n'est il pas possible de passer l'url de manière dynamique avec le viewbox deja definis ? stackoverflow.com/questions/41748998/css-variables-with-background-image-url