Top 7 des meilleurs effets CSS et JavaScript

Utilisez mon code BENJAMINCODE pour avoir -10% sur toutes les offres d'hébergement d'Hostinger :
www.hostinger.fr/benjamincode
Mes tutos et codes sources :
shop.benjamincode.tv
Tee-Shirt :
carnebollente.com/
Rejoignez moi sur Twitter :
/ benjamincode
Liste des effets présentés :
Verre dépoli / 1670449379814125569
Hello World codepen.io/MarkBoots/pen/dyQvoyK
Background animé codepen.io/fractalkitty/pen/j...
Posters dynamiques dia.tv/project/smlxl/ (Video to Ascii piste to reproduce • Coding Challenge 166: ... )
Bouton Gravitanionnel codepen.io/amit_sheen/pen/LYX...
Password Game neal.fun/password-game/
Insta : / benjamincode
Twitch : / benjamincode
Mail : b1jam1code@gmail.com
Partners Manager : Loic Coutal
Merci à Matei Convard qui m'aide dans la direction artistique de ma chaîne : / wutezluv
Merci à son frère Andrei Convard aka Obsimo de m'avoir envoyé ses musiques sans les voix pour que je puisse les utiliser dans le fond de mes vidéos. Allez checker sa musique et abonnez vous à sa chaîne, il est très bon :
• Obsimo - Club Memories...
Les musiques que j'utilise sur la chaîne sont soit :
- de moi (dans de nombreux cas : guitar / saxo / nappes de synthés)
- de Obsimo
- de Luxie (Ilovedyou • Luxie - ilovedyoumybaby )
- de Paradise of Yesterday (paradiseofyesterday.bandcamp....) pour tout ce qui est synth pop
7 Effets à connaître à l'été 2023
Chapitrage :
00:00 Introduction
00:22 Verre dépoli
02:24 Hello World
03:56 Background animé
04:48 Posters dynamiques
07:22 Test Technique
07:59 Bouton Gravitanionnel
10:31 Password Game

Пікірлер: 74

  • @juliusbusiness4283
    @juliusbusiness4283 Жыл бұрын

    C'est drole car il y'a 5 minutes j'me demandais quand Benjamin allait nous refaire une petite vidéo bien caliente et me voila rassasier!

  • @ssymatt
    @ssymatt Жыл бұрын

    très bon format, ton avis et ta vulgarisation aide bien à la compréhension + incroyable le tee shirt 😂

  • Жыл бұрын

    J’adore ce format !!

  • @dijot_fr
    @dijot_fr Жыл бұрын

    The Coding Train, c'est le boss !

  • @nava5086
    @nava50868 ай бұрын

    super vidéo merci Benjamin

  • @oupsoups4813
    @oupsoups4813 Жыл бұрын

    ça m'a rafraîchit le gourdin ces effets css :)

  • @charlescadiou
    @charlescadiou Жыл бұрын

    Moi, l'effet Ralgan m'a fait rire! Ca m'a fait rire intérieurement car je suis devant une vidéo...

  • @guillaume6459
    @guillaume6459 Жыл бұрын

    Je suis allez jusqu'à la règle 21 du jeu et après, c'est le feu.

  • @floriantchomga4633
    @floriantchomga4633 Жыл бұрын

    J'ai hâte de découvrir ton nouveau portfolio 🤣

  • @noaharbois
    @noaharbois Жыл бұрын

    C'est ouf les dingueries qu'ont peut faire !

  • @Katermuke
    @Katermuke Жыл бұрын

    Petite vidéo grave sympas a regarder, ca fait, zizir !

  • @LiorCHAMLA
    @LiorCHAMLA Жыл бұрын

    UN EFFET RALGAN !! EXCELLENTE !

  • @rocramos6091
    @rocramos6091 Жыл бұрын

    J'ai beaucoup apprécié la sobriété et l'élégance de l'effet 6 "Bouton gravitationnel"

  • @fogsterded
    @fogsterded Жыл бұрын

    Sacré T shirt !

  • @anonymeforliberty4387
    @anonymeforliberty4387 Жыл бұрын

    Next !

  • @thebluds9093
    @thebluds9093 Жыл бұрын

    Quand t’as dit effet ralgan je m’attendais a que tu mets une image du médoc effaralgan😭

  • @romainRg
    @romainRg Жыл бұрын

    Il manque le test technique dans la description. Pourrais-tu le rajouter ? Ça m'intéresse beaucoup :) Merci d'avance !

  • @freececile
    @freececile Жыл бұрын

    lol benjamin, tu aurais pu encore aller plus loin : ben oui il y a même du ..ralgan codé héhé 😂 Merci pour ces effets, j'aime beaucoup celui du background

  • @mycode-developpement
    @mycode-developpement Жыл бұрын

    Super vidéo comme d'hab ! un peu lassant même, c'est pour quand que tu fais un flop ! 🤣🤣😂

  • @loic.bertrand
    @loic.bertrand Жыл бұрын

    The Coding Train 😍

  • @ludovicmahe0
    @ludovicmahe0 Жыл бұрын

    J'arrive pas à croire que tu m'as fais rire au "ralgan"

  • @cui.cui.
    @cui.cui. Жыл бұрын

    Il y a le jeu de l'ascenceur qui est top pour progresser en javascript, et hyper satisfaisant à jouer. Ça s'appelle Elevator Saga

  • @-__--__-_--
    @-__--__-_-- Жыл бұрын

    La big dragonslayer en fond quand tu met ta facecam lol

  • @TchikTchakBoum
    @TchikTchakBoum Жыл бұрын

    je suis curieux de connaitre s'il existe un moyen pour transférer sur Hostinger, tout mes noms de domaines présent sur OVH?

  • @benjaminpetit6030
    @benjaminpetit6030 Жыл бұрын

    J'ai refait Gravity Burton en composant react qui peut prendre un autre composant en paramètre. Le rendu n'est pas encore aussi parfait que le cas présenté mais c'est plus que fonctionnel je partagerais a l'occasion mon repos git quand j'aurais avancé

  • @MisterYoupinet
    @MisterYoupinet9 ай бұрын

    Coding train c'est formidable pour l'artistique. J'ai commencé à coder en le suivant, et maintenant je me tente à des interactions musiques/MIDI et visuel, c'est extrêmement calant 8:). Y a un livre, creative design, qui explique et fournit du code pour faire du visuel (d'ailleurs je crois que c'est fait avec processing ou p5.s)

  • @Nicolas-mm3if
    @Nicolas-mm3if Жыл бұрын

    Le gravity effect, je prend direct !

  • @TheHenimoatez
    @TheHenimoatez Жыл бұрын

    La data collectée suite au saisies de mot de passe va aider énormément les hackers, j'imagine que la personne qui a fait ça a une idée diabolique derrière

  • @evansdjossouvijhs1725
    @evansdjossouvijhs1725 Жыл бұрын

    Je like pour l'effet ralgan lol

  • @brevedactu
    @brevedactu Жыл бұрын

    T'en pense du jeux de redbull "playhard-gotaga" ?

  • @gamingspecialunity
    @gamingspecialunity9 ай бұрын

    Bonjour Benjamin, As tu une video qui explique comment décripter l'inspecteur et pourvoir recreer des choses pour son propre site qu'on a trouver sympa. Je sais pas s'il existe un tuto qui détail tous cela. je suis preneur en tout cas. Merci d'avance

  • @alphonse.nonyme
    @alphonse.nonyme9 ай бұрын

    Le bouton gravitationnel: un joystick d'une manette playstation quoi sur lequel on a collé une image 😁

  • @renaud__
    @renaud__ Жыл бұрын

    Je sais pas si ton tshirt est en css, mais il est frappadingue aussi

  • @JohnDoe-lg8zt
    @JohnDoe-lg8zt11 ай бұрын

    Soutien

  • @dev.mcisme
    @dev.mcisme11 ай бұрын

    Pour le password-game, j'étais bloqué sur les échecs, puis j'ai inspecté le code et win la total

  • @poudlardo
    @poudlardo Жыл бұрын

    le password game jme suis arrêté à l'étape de la position sur l'échiquier (je connais pas les échecs, je ne connais que les victoires)

  • @gaxkiller
    @gaxkiller Жыл бұрын

    Pour le coup les char ascii dans coding train font tous la même taille, il choisit fait juste correspondre une agrégation de pixels (10 par 10 par example) à un char. J'aurai tendance à dire que tu additionne les chan r,g et b de chacun des 100 pixels séparement, tu divises par 100 afin d'avoir la couleur moyenne du bloc, et tu trouve la luminosité (par exemple en convertissant en HSL au lieu de rgb). Ensuite, si tu fous un char blanc dans une box noir, tu peux calculer sa luminosité en comptant combien de pixels sont blancs et combien sont noir, il te reste plus qu'à trouver le char qui a une luminosité la plus proche de ton bloc 10 par 10.

  • @psykoplumo4935

    @psykoplumo4935

    Жыл бұрын

    Ben vas y refait nous tout cela Corentin, on te regarde !

  • @gaxkiller

    @gaxkiller

    Жыл бұрын

    @@psykoplumo4935 C'est ta façon de dire que tu comprends pas?

  • @2eye.
    @2eye. Жыл бұрын

    Salut benjamin, je me demandais n'ayant aucune connaissance en code (mais j'adore tes vidéos), je compte faire mon portfolio sur un outil no-code (webflow m'a l'air sympa), désolé pour ça mais moi je suis graphiste et j'ai pas encore l'argent pour payer un dev qui fera exactement ce que j'ai en tête donc je préfère le faire par moi même haha, mais donc je me demandais si en prenant une offre chez hostinger je pourrais lier mon nom de domaine à mon site créé sur webflow ? J'ai encore jamais fait ça et malgré des recherches avant de payer l'abonnement je n'ai pas trouver de réponses concrètes :// Merci par avance de ton aide si tu passes par là et continues car tes vidéos sont vraiment apaisantes !

  • @SUPA93200
    @SUPA93200 Жыл бұрын

    j'adore cet effet ralgan mdr bien vu #jedemo

  • @loeuf4272
    @loeuf4272 Жыл бұрын

    j'ai des plans pour du ralgan, mp

  • @jacksamba2033
    @jacksamba2033 Жыл бұрын

    Pour le Password Game, je me suis arrêter à la règle 16, je ne sais pas jouer aux échecs 🥲 Les effets sont supers !

  • @erwandehousse7631
    @erwandehousse7631 Жыл бұрын

    Un truc que je me demande a chacune de ces vidéos : est ce qu'en tant que dev Front junior, on se doit de connaître tout ces effets ? PS : la vidéo est trop cool

  • @tescovinaenry9546

    @tescovinaenry9546

    Жыл бұрын

    Absolument pas! Moi j'ai ma petite palette perso d'effets. Mais à chacune de ses vidéos, je suis surpris et impressionné par des effets qu'il présente.

  • @erwandehousse7631

    @erwandehousse7631

    Жыл бұрын

    @@tescovinaenry9546 Je vois finalement c'est plus de le fait de savoir qu'un effet existe plus que le fait de le maitriser ?

  • @tescovinaenry9546

    @tescovinaenry9546

    Жыл бұрын

    @@erwandehousse7631 C'est clairement ça! Tu vas dev une appli ou un site et tu vas te dire "ah ouai tiens j'avais vu un effet qui serait super cool pour cette situation la" En tout cas pour moi ça fonctionne comme ça 😁

  • @jimbien7820
    @jimbien7820 Жыл бұрын

    Effet…ralgan !!!!! Tellement drôle 😂😂😂

  • @paulchevrier
    @paulchevrier Жыл бұрын

    Trop bien la Rule 34 sur le jeu du password. 👀

  • @nicolaskeroack7860

    @nicolaskeroack7860

    Жыл бұрын

    Sauf que jamais je vais perdre mon temps à Wordle lol

  • @stormyz_

    @stormyz_

    Жыл бұрын

    comme par hasard -_-

  • @MartialBoniou

    @MartialBoniou

    Жыл бұрын

    Je viens de le finir... c'était très chaud (comprendra celui qui le finit aussi)... le wordle du jour était irate

  • @GazetteSDF.

    @GazetteSDF.

    Жыл бұрын

    Bravo, j'ai pas su passé la règle 16, j'ai été échec et mat !

  • @user-dt2jn4br4u
    @user-dt2jn4br4u7 ай бұрын

    6:36 Benjamin Code a KZread Prenium

  • @adampaul7905
    @adampaul7905 Жыл бұрын

    hey

  • @skymer7471
    @skymer7471 Жыл бұрын

    Drôle de t-shirt x)....

  • @enzomartolini3136
    @enzomartolini3136 Жыл бұрын

    "PAUL HAS BEEN SLAIN" Tout ceux qui ont joué à ce jeu, comprendrons la ref 😭😭😭

  • Жыл бұрын

    J'ai tenté le password game et à la règle 11 j'ai été grave surpris : "Your password must include today's Wordle answer." XD Le 14 c'est une Geoguesseur bordel ! La 16 c'est sympa, mais franchement pas à la portée de tout le monde le diagramme d'échecs. Au-delà ça commence à vraiment se corcer. Et attention ! Gare à ne pas tuer Paul, je l'ai malencontreusement effacé et ça a eu l'effet d'un "Game Over".

  • @samsamou8
    @samsamou8 Жыл бұрын

    Hey, Mais j'ai du manqué une video, tu as réussi à récupérer tes anciens projets ??

  • @BenjaminCode

    @BenjaminCode

    Жыл бұрын

    Nope ! C'est plutot le seul que j'ai réussi à sauver !

  • @toto_videos
    @toto_videos Жыл бұрын

    C'est un CarneBollente ton T-shirt ?

  • @BenjaminCode

    @BenjaminCode

    Жыл бұрын

    Absolument !

  • @niang46
    @niang46 Жыл бұрын

    Je suis allé jusqu'à la question "mettre un lien d'une vidéo youtube de 29:27 minutes", j'ai mis du temps à trouver, mais en cherchant "29 minutes" sur youtube + Ctrl-F "29:27" et scroll à mort, j'ai fini par trouver. Jusqu'à ce que je me rende compte que malgré les 10 chenilles que j'avais mis pour mon poulet, il était mort :'( Puis flemme de tout recommencer, surtout quand j'ai vu qu'avec le lien ça imposait plein de lettres, trop relou pour les règles des chiffres romains et des éléments chimiques. Mais j'aurais vraiment dû coller 500 chenilles pour plus y penser, je suis con

  • @LuCanards

    @LuCanards

    Жыл бұрын

    Si tu mets trop de chenilles, il meurt quand même en mangeant trop. J'ai réussi à aller un peu plus loin que le lien youtube mais après ça devient vraiment compliqué avec changement de police d'écriture et de taille de police c'est dur de s'y retrouver. Surtout la recherche de la vidéo avec le lien parfait ne donne pas trop envie de relancer une game

  • @GazetteSDF.
    @GazetteSDF. Жыл бұрын

    Password game Pas mal, Règle 16 pour l'instant échec

  • @GazetteSDF.

    @GazetteSDF.

    Жыл бұрын

    Je connais rien au échec si ce n'est le déplacement des pièces mais toute les combinaisons sont refusées ou invalide ... je comprends pas, je l'ai ai toutes écrites, à moins que ce soit un combinaison de 2 coordonnées mais j'ai pas trouvé

  • @GazetteSDF.

    @GazetteSDF.

    Жыл бұрын

    SPOILER : J'ai arrêté à 16 : June-4gny6b@PepsiXXXV67venomHe🌔japan2000

  • @numaaa42
    @numaaa42 Жыл бұрын

    0:30 J'ai cru que tu t'etais fait démonétisé mdrrr

  • @BenjaminCode

    @BenjaminCode

    Жыл бұрын

    Ahahah mais noooon

  • @storors4044
    @storors4044 Жыл бұрын

    J'ai rigolé sur 'Efferalgan'... J'ai honte.

  • @geuggis
    @geuggis Жыл бұрын

    "en seulement 3 lettres : S M I X L ..." ... ça ferait pas 5 lettres en fait ??

  • @BenjaminCode

    @BenjaminCode

    Жыл бұрын

    Ahah oui je me suis rendu compte de ça au montage. Puis j’ai laissé en me demandant si quelqu’un capterait ! Bravo !

  • @saucisse_dev
    @saucisse_dev Жыл бұрын

    J'ai explosé a l'effet ralgan 🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣 Mdrrrrrrr t'es insupportable 😂

  • @Sebtentrion
    @Sebtentrion Жыл бұрын

    ta video va être censurée à cause de ton tshirt