Top 7 des meilleurs effets CSS et JavaScript
HTML-код
- Опубликовано: 1 июл 2024
- 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
J’adore ce format !!
très bon format, ton avis et ta vulgarisation aide bien à la compréhension + incroyable le tee shirt 😂
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!
ça m'a rafraîchit le gourdin ces effets css :)
J'ai hâte de découvrir ton nouveau portfolio 🤣
Petite vidéo grave sympas a regarder, ca fait, zizir !
super vidéo merci Benjamin
The Coding Train, c'est le boss !
C'est ouf les dingueries qu'ont peut faire !
UN EFFET RALGAN !! EXCELLENTE !
Je suis allez jusqu'à la règle 21 du jeu et après, c'est le feu.
J'ai beaucoup apprécié la sobriété et l'élégance de l'effet 6 "Bouton gravitationnel"
Il manque le test technique dans la description. Pourrais-tu le rajouter ? Ça m'intéresse beaucoup :) Merci d'avance !
Moi, l'effet Ralgan m'a fait rire! Ca m'a fait rire intérieurement car je suis devant une vidéo...
Il y a le jeu de l'ascenceur qui est top pour progresser en javascript, et hyper satisfaisant à jouer. Ça s'appelle Elevator Saga
Quand t’as dit effet ralgan je m’attendais a que tu mets une image du médoc effaralgan😭
Super vidéo comme d'hab ! un peu lassant même, c'est pour quand que tu fais un flop ! 🤣🤣😂
The Coding Train 😍
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é
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)
Sacré T shirt !
Next !
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
T'en pense du jeux de redbull "playhard-gotaga" ?
La big dragonslayer en fond quand tu met ta facecam lol
J'arrive pas à croire que tu m'as fais rire au "ralgan"
je suis curieux de connaitre s'il existe un moyen pour transférer sur Hostinger, tout mes noms de domaines présent sur OVH?
Le gravity effect, je prend direct !
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
Je sais pas si ton tshirt est en css, mais il est frappadingue aussi
Le bouton gravitationnel: un joystick d'une manette playstation quoi sur lequel on a collé une image 😁
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 !
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.
Ben vas y refait nous tout cela Corentin, on te regarde !
@@psykoplumo4935 C'est ta façon de dire que tu comprends pas?
Je like pour l'effet ralgan lol
j'ai des plans pour du ralgan, mp
Pour le Password Game, je me suis arrêter à la règle 16, je ne sais pas jouer aux échecs 🥲
Les effets sont supers !
Pour le password-game, j'étais bloqué sur les échecs, puis j'ai inspecté le code et win la total
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
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)
j'adore cet effet ralgan mdr bien vu #jedemo
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
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.
@@tescovinaenry9546 Je vois finalement c'est plus de le fait de savoir qu'un effet existe plus que le fait de le maitriser ?
@@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 😁
6:36 Benjamin Code a RUclips Prenium
hey
Hey,
Mais j'ai du manqué une video, tu as réussi à récupérer tes anciens projets ??
Nope ! C'est plutot le seul que j'ai réussi à sauver !
Soutien
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".
Effet…ralgan !!!!!
Tellement drôle 😂😂😂
Trop bien la Rule 34 sur le jeu du password. 👀
Sauf que jamais je vais perdre mon temps à Wordle lol
comme par hasard -_-
Je viens de le finir... c'était très chaud (comprendra celui qui le finit aussi)... le wordle du jour était irate
Bravo, j'ai pas su passé la règle 16, j'ai été échec et mat !
"PAUL HAS BEEN SLAIN"
Tout ceux qui ont joué à ce jeu, comprendrons la ref 😭😭😭
C'est un CarneBollente ton T-shirt ?
Absolument !
Drôle de t-shirt x)....
Password game Pas mal,
Règle 16 pour l'instant échec
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é
SPOILER :
J'ai arrêté à 16 : June-4gny6b@PepsiXXXV67venomHe🌔japan2000
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
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
0:30 J'ai cru que tu t'etais fait démonétisé mdrrr
Ahahah mais noooon
J'ai rigolé sur 'Efferalgan'... J'ai honte.
"en seulement 3 lettres : S M I X L ..." ... ça ferait pas 5 lettres en fait ??
Ahah oui je me suis rendu compte de ça au montage. Puis j’ai laissé en me demandant si quelqu’un capterait ! Bravo !
J'ai explosé a l'effet ralgan 🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣 Mdrrrrrrr t'es insupportable 😂
ta video va être censurée à cause de ton tshirt