Тёмный

Recodons la page "Catégories" de Twitch 

École du Web
Подписаться 62 тыс.
Просмотров 2 тыс.
50% 1

📁 Code source : www.ecole-du-w...
🎓 Abonnez-vous à l'École du Web : www.ecole-du-w...
📚 Ou suivez les cours sur UDEMY : liste-des-cour...
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designe...
--------------------------------------------------------------------------------------------
Retrouve toutes mes formations sur :
► L’Ecole du web : www.ecole-du-w...
► Udemy : www.udemy.com/...
Rejoins la communauté pour partager et/ou obtenir de l’aide sur :
► Discord : / discord
Suis-moi également sur mes réseaux anglophones :
► RU-vid : / thewebschool
❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-le moi dans les commentaires !

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

 

11 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 18   
@EcoleduWeb
@EcoleduWeb 8 месяцев назад
🎓 Abonnez-vous à l'École du Web : www.ecole-du-web.net/ 📚 Ou suivez les cours sur UDEMY : liste-des-cours.com/
@SUPA93200
@SUPA93200 8 месяцев назад
Chouette, et super idée le slider de VOD pour une prochaine !!
@crash8dt
@crash8dt 15 дней назад
Merci, je me suis souvenu de ton explication de l’espace sous l’image (« bug ») et grâce à toi, j’ai pu appliquer ta « correction » en changeant le display de l’image. C’est sur que j’aurais mis du temps à le trouver celui là 👍
@QUIGNONPAIN
@QUIGNONPAIN 7 месяцев назад
Super tuto ! C'est vraiment super agréable de suivre la vidéo. En plus, j'ai pu comprendre le petit effet cool sur le hover d'une card. Effet que j'ai cherché à reproduire y'a de cela plusieurs mois, et que je n'avais pas réussi à reproduire... Merci beaucoup ! Hate de voir les prochaines videos !
@EcoleduWeb
@EcoleduWeb 7 месяцев назад
Merci beaucoup!
@herve_craft
@herve_craft 8 месяцев назад
Cette série va être très intéressante. Cette première vidéo commence bien
@Blackysaiyanjin
@Blackysaiyanjin 8 месяцев назад
Vraiment bien la vidéo j’aime beaucoup si tu pourrais en faire d’autres ou potentiellement tu explique comment bien integrer un design/maquette ce serait vraiment cool. Merci beaucoup 🙏🏼
@rike1351
@rike1351 8 месяцев назад
Vidéo très intéressante. Hâte de voir les prochaines. 👍
@lmz-dev
@lmz-dev 8 месяцев назад
J'aime bien quand tus dis « sous le capot » ;p Quand t'as dit ça, je suis allé sur pagespeed et ecoindex pour voir si sous le capot de twitch il y avait des développeurs sérieux... bon bah je dirai comme ecoindex : Outch. À quand une vidéo sur l'éco-conception web ? Je te suis donc, je sais que tu es un bon éco-concepteur web ;p Ce n'est pas un bug 20:54 et c'est comme ça depuis au moins Netscape 4 Navigator ;p Le parent de type block va considérer les éléments img ou autre contenu intégré, comme un caractère non-blanc. Et la petite marge que tu vaois est ce qui est nécessaire pour la baseline. ‹p›‹img›‹/p› est considéré comme ‹p›‹x-img›?‹/x-img›‹/p› où la taille de la typo et le line-height sont appliqués. S'il n'y a que l'image dans le block, on peut mettre line-height: 0 pour voir disparaitre la baseline. Si non a plusieurs images les unes à côté des autres avec un caractère blanc entre elles, on peut mettre font-size:0 pour qu'elle se collent. Le display block les ferait aller à la ligne. Ceci dit je fais comme toi, j’utilise un display non inline...
@nico77
@nico77 8 месяцев назад
Super idée de vidéo. Merci pour le partage.
@rikamcharles3186
@rikamcharles3186 7 месяцев назад
Superbe vidéo j’avoue quand j’ai entendu flexbox mon cerveau a bougé je crois 😅
@raph3323
@raph3323 8 месяцев назад
Hello ! Déjà merci pour ta vidéo, j'aime beaucoup le concept. J'ai une question par rapport à ce que tu as dis au début de ta vidéo sur le flex. Pourquoi dis tu que le grid c'est mieux que le flex dans ce cas là ? Que se passe-t-il s'il n'y pas pas les placeholder ? Le flex wrap ne suffit pas ? Merci pour ta future réponse !
@EcoleduWeb
@EcoleduWeb 8 месяцев назад
Merci ! S'il n'y a pas de placeholders, le dernier élément s'étire et prend toute la ligne. En gros, ils ont refait l'effet auto-fill de CSS Grid avec Flexbox, mais ça fait un peu "hack".
@DeveloppementWeb1972
@DeveloppementWeb1972 6 месяцев назад
pour le "bug" des images qui laissent un espace sur la partie inférieure il y a vertical-align: middle; qui fonctionne très bien
@shootthemoon2773
@shootthemoon2773 8 месяцев назад
j'ai un peu de mal à comprendre l'intérêt des logical proporties, tu explique que ça permet de mieux s'adapter si un utilisateur décide de changer le sens de lecture. mais si le site est prévu avec du texte anglais, français ou autre, pourquoi on voudrais changer le sens de lecture ? à moins d'un site qui permette de passer de l'anglais à l'arabe ou au chinois là je vois le truc, mais sinon je pense que j'ai loupé un épisode 🤔.
@EcoleduWeb
@EcoleduWeb 8 месяцев назад
Wops il semblerait bien que traduire une page dans un langage qui a un autre ordre de lecture(japonais, arabe, hébreu...) ne change pas le d'un site. En gros, si je traduis un texte Français en une langue qui se lit de droite à gauche, ça va simplement traduire les caractères tout en continuant d'utiliser le gauche à droite Français. J'avais bêtement suivi les conseils de Chris Coyer sans tester par moi-même, ça m'apprendra. Donc oui, il faut utiliser les logical-properties seulement si on a une option avec plusieurs langues qui n'ont pas la même direction de lecture. Ce qui est assez rare je te l'acorde, à part si on code le site d'une organisation internationle à la limite.
@shootthemoon2773
@shootthemoon2773 8 месяцев назад
Merci pour ton retour !@@EcoleduWeb
Далее
Coder un effet "Avant/Après"
27:46
Просмотров 3 тыс.
Je passe les tests techniques de Google
18:17
Просмотров 143 тыс.
WHICH SODA CAN FLY THE HIGHEST?
00:48
Просмотров 2,9 млн
4 Year Sibling Difference! 😭 #shorts
00:11
Просмотров 9 млн
Oops 😅
00:10
Просмотров 6 млн
Le vrai travail du développeur frontend
13:54
Просмотров 123 тыс.
Navbar cachée au scroll (sens du scroll en JS)
23:00
Просмотров 2,9 тыс.
Les secrets pour apprendre à coder comme un génie
6:49
vas-y, viens, on recode Windows de zéro
23:41
Просмотров 215 тыс.
YOU SHOULD NOT USE BOOTSTRAP!
15:03
Просмотров 174 тыс.
Je paie 5 freelances : Quel pays code le mieux ?
19:10
Просмотров 208 тыс.
Quelles technologies j'ai choisi pour Grafikart.fr ?
33:54
WHICH SODA CAN FLY THE HIGHEST?
00:48
Просмотров 2,9 млн