Reverse Engineer Google’s NASA Dart Easter Egg with CSS
Рет қаралды 88,996
Күн бұрынLearn how to implement Easter eggs on your website like Google by reverse engineering the NASA Dart animation effect. Let’s code an image that flies in from the left side of the screen, explodes, then tilts the website using nothing but plain HTML and CSS.
#css #tutorial #nasa
Find more easter eggs here fireship.io
Use code BLASTOFF to get 30% off a Pro Membership
@bobthebuilder5746 Жыл бұрын
Thanks for breaking down that Easter egg! Please do the Bat-signal next!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@Brunoenribeiro Жыл бұрын
"we need to PROGRAM some html" cheeky bastard ❤️
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
@AByteofCode Жыл бұрын
Last stretch to 100k and beating the record for fastest programming channel to go from 0 to 100k!
@BamboozeldGG Жыл бұрын
Nice to see the devs paying attention to space flight
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@marwenlabidi_dev Жыл бұрын
Thank you for this great quality content ❤️
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@huynguyenvan1657 Жыл бұрын
Congrats 100 thousand subscribers 🥳
@greatfiredragon Жыл бұрын
Thank you so much! Your videos make me smile be and think ❤️🧡💛💚💙💜
@spooky4655 Жыл бұрын
CONGRATS ON 100K !!
@DArK-xj8lr Жыл бұрын
Congrats on 100k!!
@sonmangaking Жыл бұрын
What a way to start my weekend gonna code this up thanks 😊
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
@genzprogrammer Жыл бұрын
Congrtz on 100K
@tytgalaxy1228 Жыл бұрын
thanks, downloaded, all works!
@charlierick8517 Жыл бұрын
Love the new channel, congrats on fulfilling your lifelong dream of 100K
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@WillJackDo Жыл бұрын
Congrats on 100k!! Finally, you're getting some real exposure...
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@muhammedmikdad6189 Жыл бұрын
Hell yeah man good work
@shashikantmarskole Жыл бұрын
thank you for quick and quality content.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@mxlowkey Жыл бұрын
Thanks for the Tutorial 💙
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@prajwalbodke7413 Жыл бұрын
Works good, tnx
@paragjadhav4105 Жыл бұрын
Thank u for this ❤❤
@frederickamalemerson1059 Жыл бұрын
fireship is the reason to live 🛐
@codeyverse2047 Жыл бұрын
Beyond fireship is the reason to live
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@FdWebdesign Жыл бұрын
Good Job
@ayoubmerjie1600 Жыл бұрын
Congratulations for 100K
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@Hernan-Kza Жыл бұрын
Thx!
@aniruddharao8735 Жыл бұрын
Didn't know about the animation direction property. Nice
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@abhinavadarsh7150 Жыл бұрын
Congratulation! 🎉🎉 100k Reached.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@codingwithchamindu 11 ай бұрын
valuable video🔥
@jampopoy18 Жыл бұрын
grats reaching 100k
@adarsh-chakraborty Жыл бұрын
This was awesome
@sourav_96 Жыл бұрын
OMG , awesome stuff
@avidworkslol Жыл бұрын
Happy 100K!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
@flaguser4196 Жыл бұрын
now we just need a digitized bruce willis to prevent the website from crashing
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@iiWolff Жыл бұрын
Subscribed!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
@frittex Жыл бұрын
You don't have to end the first anim at 50% and start the other at 50%! You can just use animation delay, and start the second anim after the first one finished
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@LegendaryFartMaster Жыл бұрын
I'd love to see the wordle animation recreated!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@xtechli Жыл бұрын
100K sub in less than a month 🐐 Thanks for the Tutorial 🙂
@thecodingchef9292 Жыл бұрын
That's how you know who a legend is
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@_virendrasingh Жыл бұрын
Pure CSS is awesome.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@juliocodes Жыл бұрын
Forwards is actually the animation-fill-mode, not the direction. Good stuff though 🙌
@iuashrafi Жыл бұрын
can you please break down Yolele product page! Thanks 🙏
@mindmelter1098 Жыл бұрын
Almost 100K!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@dorktales254 Жыл бұрын
100k let's goo
@nocturno7887 Жыл бұрын
Wow my fav engineer. I was impressed the first time I saw you mentioning about flat earth. Regards
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@RAHULKUMAR-wn8po Жыл бұрын
This is not first mention of flat earth. He mentioned many times on main channel
@victormonteirocunha4575 Жыл бұрын
Dude, jeff is a fucking goof, I love this!
@nomadshiba Жыл бұрын
you can use timing function to shake the site too
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@jyothishnarayana7420 Жыл бұрын
hi i am big fan of your videos. as a fullstack web developer i learn a lot of things from your videos. can you do the 3js animations and how to implement of 3js to a pwa in real time..? that would help us to entring a future computer world
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@18.j Жыл бұрын
But google is using a canvas for the crash animation and rotating the whole body by 1 degree. I checked inspect element
@sdwone Жыл бұрын
Hehe... Nice! This Easter Egg also reminds me of the Thanos Snap!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@ZbeastVIP Жыл бұрын
when is the react course being released?
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@moosyu Жыл бұрын
yes
@md.asadujjaman3445 Жыл бұрын
just wow
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@mikeverlinde7116 Жыл бұрын
Where do you get the gifs from for your video's? And permission to use them
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@muneebmohd Жыл бұрын
Fastest growing channel in the west
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@mardax007 Жыл бұрын
cool
@zeeshanjaffer1835 Жыл бұрын
all workеd
@Reichstaubenminister Жыл бұрын
Mr. Dubay would be proud.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@AnweshAdhikari Жыл бұрын
❤
@isheanesunigelmisi8400 Жыл бұрын
Oh, this is a very cool one. Please accept my humble token of fire emojis 🔥🔥🔥
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@ahmedhafiz2419 Жыл бұрын
I gotta say. Fireship Easter eggs are more interesting than Google one 🤩🤩
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@abdullahhouran96 Жыл бұрын
I was the 100k subscriber W
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@DemPilafian Жыл бұрын
It's a nice video, but it looks like the crash did not smash into Google hard enough to prevent human extinction.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@StephenGillie Жыл бұрын
With keyframe CSS, who needs Blender?
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@rajatnagarkar Жыл бұрын
What graphic card would have been used to render space!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@NorthernChimp Жыл бұрын
Interestingly completely different from what I see inspecting Google's page.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@wael_shaikh Жыл бұрын
Lifelong dream ever since a couple weeks ago 😂
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@RAKESHKUMAR-cp3hl Жыл бұрын
"Life long dream to get 100k, ever since I started this channel a few weeks ago" 🤣
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@abcq1 Жыл бұрын
Tried "basa dart". It works. Google is broken)
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@definite_d Жыл бұрын
SurrealDB just released a beta version!
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@saidpurshop1342 Жыл бұрын
+sub
@SameAsAnyOtherStranger Жыл бұрын
Hey! How about a spoiler alert the next time you rip the veil off of my carefully constructed version of reality aided by fake news about space exploration?
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
@stefan1397 Жыл бұрын
"First we need to program some HTML"... I see what you did there
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@finsflexin Жыл бұрын
I love the unnecessary curse words. Even though usually it sounds rude and unprofessional, it just feels humorous here.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
@beebakrizzle Жыл бұрын
i wouldn't say that "translate" in css is already ready for prime-time. Only about 80% coverage reported by caniuse.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@KoenVerheyen Жыл бұрын
Where's the Konami code easter egg, Jeff?
@tejassethi9319 Жыл бұрын
Hi
@MuffinologyTrainer Жыл бұрын
bOoOom 100k
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲
@henriknyberg8075 Жыл бұрын
100k 😃😃😃
@JoshPaulie Жыл бұрын
BRB honey, I'm programming html
@sirasapallimohan4004 Жыл бұрын
Pretty cool cheat
@dabbopabblo Жыл бұрын
Translate is NOT supported in all browsers and will not work on safari Mac or edge windows or mobile browsers
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.😊
@gabbagandalfjpr Жыл бұрын
please use grid-template-areas and grid-area if you want someone to understand your css if you dont you might as well use float and clear
@bernard3992 Жыл бұрын
How's the CSS not understandable ?. Hold your self responsible if you don't know CSS enough to understand what he did. Appreciate and stop whining.
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@hermantcherdakli2053 Жыл бұрын
I guess the dev who put this in didn't have the balls to make it play on "9/11" search requests smh
@pixelsbyme Жыл бұрын
Its my lifelong dream to get to 100k since I started this channel a few weeks ago 🤣🤣🤣
@thedelanyo Жыл бұрын
Hi mom cheatsheet
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@jasonbenfrin Жыл бұрын
100K
@beinyourguard Жыл бұрын
just me or does it sound like Jeff voice is kinda hoarse in this video?
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲😊
@thatanimeweirdo Жыл бұрын
Talking about easter eggs and not having a konami code easteregg on fireship... I am a bit disappointed, not gonna lie...
@ropoxdev Жыл бұрын
First
@ropoxdev Жыл бұрын
Real first 😊
@gacekkosmatek Жыл бұрын
ALLAH
@abdulrehman96r Жыл бұрын
keep saying what you wanna say without having to tNice tutorialnk how people will twist that.
@pedrobraz2809 Жыл бұрын
I am transphobic.
@SeekVisualArtist Жыл бұрын
Ok
@nonwibb Жыл бұрын
your mom
@heyt0pe Жыл бұрын
Congrats on 100k
@user-gm3eo1dp1y Жыл бұрын
Questions can come in⬆️📲.
Tips Workshop
Рет қаралды 10 МЛН
Tips Workshop
Рет қаралды 10 МЛН