Тёмный

The Ultimate Hacker Effect That Anyone Can Do 

Hyperplexed
Подписаться 644 тыс.
Просмотров 327 тыс.
50% 1

Watch as I show you how to recreate the ultimate hacker text effect from kprverse.com.
Support the channel: ko-fi.com/hyperplexed (accepts PayPal, card, etc).
Tools used: HTML, CSS, JavaScript
CodePen: cdpn.io/rNrJgrd
Music licensed by Audio Socket:
- Dominique Tey - Let It Out
- Dominique Tey - Let It Out - Instrumental

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

 

25 янв 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 499   
@will31666
@will31666 Год назад
I'm mesmerized every time, it's not just the perfectly detailed explanation of the thought process and the professional JS/CSS skills, it's the video editing and for sure the voiceover, just great production each time. Thank you for sharing, it's precious. There is an obvious career change potential if UI/UX becomes boring at one point. Man this is great!
@Hari983
@Hari983 Год назад
Amen
@Anunak255
@Anunak255 Год назад
Amen
@jorgejorge8878
@jorgejorge8878 Год назад
Amen
@marinagheorghe9636
@marinagheorghe9636 Год назад
Amen
@ajhandsome01
@ajhandsome01 Год назад
good content
@DylalyD
@DylalyD Год назад
Dude, your content is awesome. Cristal clear explanations, with videos that are just as long as needed. Please keep on the great work, you'll get all the recognition that you deserve
@Hyperplexed
@Hyperplexed Год назад
Thank you so much! Comments like this are what keep me going 👍
@God_of_Kiwi
@God_of_Kiwi Год назад
@@Hyperplexed
@Somebodyherefornow
@Somebodyherefornow Год назад
@@God_of_Kiwi he meant the money /s
@God_of_Kiwi
@God_of_Kiwi Год назад
@@Somebodyherefornow dude, @Hyperplexed is awesome he loves what he's doing- be less cynical you'll enjoy life more😀🖖
@rajagrawal6758
@rajagrawal6758 Год назад
@@Hyperplexed I would love to take a front end course made by you...I don't mind paying if the content is this much clean and amazing
@boiimcfacto2364
@boiimcfacto2364 Год назад
Dude. No joke, you're gonna have a meteoric growth on youtube. No bullshitting around, just pure code adrenaline in your videos. Your thought process is perfectly explained and transitions/animations are minimal and only when necessary. Just wow. I see so many coding content creators who try to appeal to kids by spending 10 minutes explaining **display: flex** every time they use it and it slows the video down like crazy. We need more of your kind, people who'll focus on the overall implementation rather than padding the video with irrelevant details. Sorry for rambling but this is exactly the direction I want "programming youtube" to move in, so seeing your to-the-point videos is always like Cocaine to me 😆
@God_of_Kiwi
@God_of_Kiwi Год назад
spot on dude😎😎😎😎
@Psi141
@Psi141 Год назад
How is this perfectly explained
@boiimcfacto2364
@boiimcfacto2364 Год назад
@@Psi141 Rather, how is it not? Which part felt rushed to you?
@hughmongous3151
@hughmongous3151 Год назад
This effect is amazing and its so simple once broken down.
@orbb3958
@orbb3958 Год назад
Start: Ok where is he going with this... End: WTF that looks soo cool with so little code as well
@monognome9202
@monognome9202 Год назад
I recently tried to achieve the same effect in React Typescript because the package react-reveal-text didn't have the necessary types. It was a fun experiment. I tried having a list of other unicode characters apart from letters, it gave such a cool effect.
@colemorgan3391
@colemorgan3391 Год назад
hello could you possibly share the code you created? I tried to replicate the code in react but i’m not very experienced with react and failed
@mohammadmohsin5798
@mohammadmohsin5798 7 месяцев назад
@@colemorgan3391 function App() { const [text, setText] = useState("YOUR TEXT"); const alphabets = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; const handleMouseOver = () => { let interactions = 0; const interval = setInterval(() => { setText( text ?.split("") ?.map((letter, index) => { if (index < interactions) { return text[index]; } return alphabets[Math.floor(Math.random() * 26)]; }) ?.join("") ); if (interactions >= text?.length) clearInterval(interval); interactions += 1 / 3; }, 30); }; return ( {text} ); }
@Limestarz
@Limestarz 3 месяца назад
I got this work in react for manually typing in an array of strings, but doing it with api call and setting the state creates crazy issues with useEffect and stops working after 3 loops. It might have something to do with how useEffect copies and compares arrays or some kind of constant remounting issues from other parts of my page...idk.
@smm132mordi3
@smm132mordi3 Год назад
Bro you should do a video on design tips your amazing
@simonswiss
@simonswiss 4 месяца назад
The way you explain stuff is absolutely incredible. The video was less than 3 minutes, and I feel like I know exactly how to recreate this effect which I probably would have no idea how to begin with. "Breaking big anxieties into small anxieties you can manage" is truly empowering with solving code problems.
@michelestaffiere7422
@michelestaffiere7422 Год назад
Hands down you are one of the reasons I love learning front end Dev, I stay subscribed because all your videos are practical and to the point tutorials that teach me nice little animations and layouts that i can use in my own projects and learn by doing / implementing. Thank you so much for constantly pumping out amazing content.
@rehkmansa
@rehkmansa Год назад
I saw this and felt like crying, this is just so amazing. I’ve been trying to create YT’s remove from watch later effect and I can say… I’ve felt like a doughnut more times than ever. This is art!!!! This is beauty
@brandondrake4389
@brandondrake4389 Год назад
Your back and forth with us viewers, and yourself, is pure gold. I cannot describe to those who aren’t in this field how many times I have inner conversations with myself while coding.
@fazlerabbi9200
@fazlerabbi9200 10 месяцев назад
It's just amazing. The most beautiful thing about your videos is that they always show the real-life process. From thinking to breaking down in small pieces and finishing them one by one. They are very helpful.
@malcewicz
@malcewicz Год назад
Man I love your videos, halfway through I zoned out just listening to your nice smooth voice and mesmerized by the cool animation. Your voiceover explaining everything so clearly and easily with your thought process and editing is amazing. I want more of your videos!
@Xiler_
@Xiler_ Год назад
Hyperplexed is literally the best front end dev that I can think of - no one can do what you do and especially in the amount of time that you manage to fit this into!!! I'll definitely be finding a way to incorporate this into my website!!!!
@theburger_king
@theburger_king Год назад
Bro your videos are so amazing
@someguy6076
@someguy6076 4 месяца назад
I love these short videos you do. They're direct and to the point without having to put up with 20mins of babbling. It also helps that you give explanations of what the code is doing, as well as breaking a problem down into its' component parts. Incidentally, I re-worked your code for this effect with a font named Tektur; looks exactly like an airport display would appear.
@justincharo
@justincharo Год назад
LOVE YOUR VIDEOS!!! The way you break things down is always perfectly understood! You never fail to give me inspiration and motivation! I appreciate you ! ❤👏🙏
@singleMaltMatt
@singleMaltMatt 4 месяца назад
wow! your videos are always so nice to watch. keeps me captivated while learning something new. thanks!
@neel6
@neel6 Год назад
This has to be most balanced coding tutorial with equal amounts of entertainment and information compressed into 3 mins. The best part is that he is actually explaining what the code does instead of reading out the code hoping you know what it does. Looking forward to more like this.
@WiseArts
@WiseArts Год назад
You are such a good teacher. Fun project that's short and sweet, perfectly explained, with excellent editing. Serious fan! 🤩
@jugibur2117
@jugibur2117 Год назад
Your way of teaching us things is incomparable, thank you so much!
@duhby
@duhby Год назад
Thank you for sharing this website! It's so inspirational. I think we'd all love it if you did more content on different effects you find interesting on this website, even if the video is longer than 5 minutes.
@TomHermans
@TomHermans Год назад
very, very nice. so concise, yet straight to the point, starting with the "simple" kinda zoomed-in solution and expanding back to the original problem by zooming out and eventually reaching the final goal.. The way you tell it, is a class on it's own imho
@s03411
@s03411 Год назад
This is amazing! Love your content as always!
@nonefvnfvnjnjnjevjenjvonej3384
man your videos are art. i dont know anyone else who makes videos of this quality.
@robbiegeiss7090
@robbiegeiss7090 Год назад
this is my favorite youtube channel rn thank you
@medaillek
@medaillek Год назад
Your videos are always incredible !
@zackp1023
@zackp1023 Год назад
I don’t code, but as a designer I find your videos fascinating. Super inspired every time I watch. Keep it up 🎉
@akshatsharma8408
@akshatsharma8408 3 месяца назад
can we do the same thing in a design tool if you know
@FlorinPop
@FlorinPop Год назад
I’m blown away by the level of quality you’re putting out! 🤯 AMAZING
@slunkeh
@slunkeh Год назад
Love this, great thought process behind it too. Not only do I love this but I love the narration too, sounds right out of the next best Netflix series haha, speaking of which has anyone watched "You" on Netflix, sounds just like that!
@artneo7
@artneo7 Год назад
Such a cool effect! Thanks for sharing!
@ranesourav
@ranesourav Год назад
You gotta be kidding me !!!!!!!!!!!!!!!! This channel has one of the most kickass tutorials I have ever seen in my life ! Thank god youtube suggested me this !!! This channel is going to boost my skills by a 10 folds for sure ! Amazing channel !
@Eldalion99999
@Eldalion99999 Месяц назад
I am watching youtube tutorials for more than a decade, and this was by far one of the best and most interesting explanations I ever saw. I tip my hat to you sir.
@Spytie1
@Spytie1 Год назад
excellent content, clearly explained with amazing tone and voice, keep going!
@danuvip
@danuvip Год назад
nice tutorial! didnt knew it was that easy, you always breaking stuff down so its in clear sight for beginners. Lovin it! Keep it up!
@cineverseproductions
@cineverseproductions Год назад
Your editing, coding, storytelling, title, and thumbnail are top-level. Keep doing your best bro. Inspiring content. 🙌
@lunarcode
@lunarcode Год назад
this channel has just inspired me so much to continue web development and make something cool, you are truly awesome keep it up ❤
@kinos.studio
@kinos.studio Год назад
You are an amazing teacher. Please continue.
@darkWolf354
@darkWolf354 Год назад
Being a dev for more than 30 years... very cool! stunning effects in 2 minutes? subscribed! 👍
@jawwaadsabree5573
@jawwaadsabree5573 Год назад
I never thought css was cool until I started watching these videos
@CJ-wf8me
@CJ-wf8me Год назад
this the PERFECT content I wanna see 100x more of on my fyp
@bozhidardenev
@bozhidardenev Год назад
I've been watching RU-vid for as long as I can remember, and this is the first time I dare to leave a comment. @Hyperplexed you make some amazing content. Keep up the good work! (please).
@kkww3065
@kkww3065 Год назад
You made my day! Watching your video is the most happiest time of my day now! Salute!
@local9
@local9 Год назад
Randomly stumbled across you some months back, wish it was some years back. One of the few rare channels that gets the bell icon enabled.
@CreativeBrainsOrganization
@CreativeBrainsOrganization Год назад
Bro.... That's dope... Loved it😍
@carlosignacionavarrorios964
Holy damn dude, you just blow my mind everything you upload a video. Thanks for your the effort you put in these to make people love coding.
@Kinselan
@Kinselan 11 месяцев назад
I found out about this channel 3 days ago and it's now my favorite channel of all time.
@sergiorodrigocruzveloz7876
@sergiorodrigocruzveloz7876 Год назад
I just discovered your channel and what can i say, you are one of the Best youtubers out there Keep up with the great content :)
@SoreBrain
@SoreBrain Год назад
So tightly packed I love it
@JamShady
@JamShady Год назад
Beautifully presented
@the_wrong_folder
@the_wrong_folder 11 месяцев назад
this is awesome. big fan of your channel!
@yishakabrham5002
@yishakabrham5002 Год назад
Your videos are not only educational but also entertaining
@amritbanerjee
@amritbanerjee Год назад
Just mesmerised with the production quality voice over and then going back to learning the code… ❤
@lifeisbeautifu1
@lifeisbeautifu1 Год назад
I'm glad i have discovered your channel.
@Roconx
@Roconx Год назад
Very nice effect! Could have never guessed that it was that easy to implement, nice explanation and breakdown!
@GamerX-2000
@GamerX-2000 Год назад
Pretty cool. I like it. Might use it in a future project.
@fuzzy-02
@fuzzy-02 Год назад
I love you. My passion for coding has been restored. All this time, i've been coding in a multitudes of language to get that feeling back that i had in highschool, making a game for my friends in visual basics and looking like a magician in my friends eyes. This. I discovered html css js from my univerity course but you showed me the light
@AcridDragoon
@AcridDragoon Год назад
mate i've binged all your videos and honestly you make the best frontend content on youtube can't wait for what's next
@Thomas-gi9vy
@Thomas-gi9vy Год назад
Amazing how the video is both very well thought out and informative, but also very good music use
@htoomyatnaing5775
@htoomyatnaing5775 Год назад
Love the high quality content. Keep it up!
@antonyefanov
@antonyefanov Год назад
Amazing, clear and inspiring. This is why i love programming
@elixpo
@elixpo Год назад
I'm just mesmerized by the ability of content up this channel
@nekodesu6739
@nekodesu6739 2 месяца назад
the future is bright with teachers like you. thanks
@oyinkanoyetunmibi7742
@oyinkanoyetunmibi7742 Год назад
I always wish I can like your videos multiple times. This is just beyond words
@jacoponotari6031
@jacoponotari6031 Год назад
You are crazy. Your content is insane and i hope u'll continue upload stuff: Great job mate!!!
@angelcobosardon
@angelcobosardon Год назад
It reminds me of the arrivals board of the airport. Your videos are some of the best contents of RU-vid by the way. Thanks a lot for sharing with all of us.
@sebuzz17
@sebuzz17 Год назад
Only discovering your channel now, that's pretty cool and make me want to redo my boring first portfolio i didn't update for years.
@felipegutierrez2944
@felipegutierrez2944 Год назад
I need like a billion of this! Awesome content!
@LambOverSpicyRice
@LambOverSpicyRice 9 месяцев назад
Best in the game, keep them coming!
@soumelee5661
@soumelee5661 2 месяца назад
Amazing U explained so much in 2 minutes. Mind blowing 👏👏👏👏👏
@jasperdevs
@jasperdevs 9 месяцев назад
Your work is extremely inspiring
@arindam_chowdhury
@arindam_chowdhury Год назад
This video IMO was much better paced compared to your other videos. And thus it was easier to follow along with. Great video as always
@studyingasyouwere
@studyingasyouwere Год назад
Your videos are amazing and inspires me to think outside the box for my content. Thank you 🙏
@dinhoangduy
@dinhoangduy Год назад
You have enlightened my mind ~
@geekwrites
@geekwrites Год назад
wow , superb explanation ❤️
@nicolasparada
@nicolasparada Год назад
Thanks. The effect is very cool, but the audio effect behind it is even cooler.
@angelliendo583
@angelliendo583 Год назад
Amazing 4reak!! Please keep making videos like this with CSS and JavaScript
@StarCourtesan
@StarCourtesan Месяц назад
This is I think the best way for me to sit through a tutorial and grasp all of it. Do more
@ask-wj2pf
@ask-wj2pf Год назад
Your videos are just addictive at this point.
@joshuaheathcote2116
@joshuaheathcote2116 Год назад
Holy cow that was awesome!
@Unpug
@Unpug Год назад
Best explanation ever done
@sumitmehra5119
@sumitmehra5119 Год назад
You are literally a God man. Love your content 😍😍
@klegasstift1768
@klegasstift1768 Год назад
this is the good kind of turtorial, as short as it can be and very understandable
@billy818
@billy818 3 месяца назад
just had the urge to implement this in react, was a fun afternoon. keep up the great vids 😊
@klob0t
@klob0t 3 месяца назад
how did you do itttttt
@mikeutrera1883
@mikeutrera1883 Год назад
This is amazing!
@whitefluffycloud
@whitefluffycloud Год назад
Recently stumbled on your channel. All these videos are so good! Huge cudos mate
@flottenheimer
@flottenheimer Год назад
Awesome! Even for someone who doesn't code. Love your work, taste, style, voice and mad skills.
@shallanrambaran7090
@shallanrambaran7090 3 месяца назад
Done it! It was easy! Thanks Hyperplexed! Do more videos! :D
@raeesurrehan3844
@raeesurrehan3844 Год назад
Totally love your content
@kamal-ahmed
@kamal-ahmed 5 месяцев назад
Mind-blowing explanation..I wish every teacher in school and college was so great at breaking problem into such smaller pieces.🎉🎉🎉🎉
@ademolaakinola8750
@ademolaakinola8750 Год назад
This is genius. Thank you for sharing ❤️
@audiecaceres-nz4mf
@audiecaceres-nz4mf Год назад
Love your work! keep at it 💪
@brelade
@brelade Год назад
You remind me of Disrupt. Your voice, the editing, the vibe. Keep it up, amazing work.
@xandr1922
@xandr1922 Год назад
love the explanations
@tejasnikam3287
@tejasnikam3287 Год назад
This guy boost my confidence level !!
@Joshmooredesign
@Joshmooredesign Год назад
I’m not even a coder and I love your videos
@jankuna9479
@jankuna9479 Год назад
Great work - code, video, voice. Merci!
@kelligart4847
@kelligart4847 Год назад
Hey, all your videos are so cool with very good stuffs to learn ! Big thanks ;)
@mode9622
@mode9622 Год назад
Amazing video bro you explained it very well. We want short videos like this
@hugosouza1672
@hugosouza1672 Год назад
this channel is a masterpiece
Далее
This Website Feature Demands It Of You
3:00
Просмотров 204 тыс.
Building The Extraordinary Using Only The Ordinary
6:37
Пробую торты
00:43
Просмотров 225 тыс.
▼ОНИ ЩУПАЛИ МЕНЯ 👽🥴
32:00
Просмотров 604 тыс.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Every React Concept Explained in 12 Minutes
11:53
Просмотров 362 тыс.
This Website Theme Hasn't Been Perfected Since 1996
9:43
The Easiest Way to Build Websites
10:56
Просмотров 268 тыс.
Animated glitch text effect with CSS only
19:48
Просмотров 113 тыс.
I Gave a Website Logo Superpowers
5:47
Просмотров 242 тыс.
If Pixar Made Programming Tutorials
3:56
Просмотров 652 тыс.
I Fired a CSS Cannon at a Famous Streamer
3:28
Просмотров 410 тыс.