DEV Community

Captain Marvel's Official Website is Amazing

Meghan (she/her) on February 10, 2019

In a blast from the past, Marvel Studios brings us a fantastically designed, fast, and easy to use website to showcase Captain Marvel which comes to theaters March 8, 2019.

Check it out for yourself here: https://www.marvel.com/captainmarvel

Collapse
 
nektro profile image
Meghan (she/her) • Edited

@ben I had no idea you recently became a Marvel consultant! Congrats! πŸ˜πŸ˜‚

Collapse
 
rhymes profile image
rhymes

Hahaha I thought the same thing 🀣🀣 They called him in to design the website

Collapse
 
ben profile image
Ben Halpern

Retro will always be in fashion

Collapse
 
itachiuchiha profile image
Itachi Uchiha

Hahahahahah 😁

Collapse
 
fluffy profile image
fluffy

I'd be much more into this if they actually built it in HTML, but it appears to be yet another Javascript-emitting-DOM-nodes site, which is completely period-inappropriate and terrible for accessibility (I mean, even moreso than Geocities sites ever were). What is with modern web designers?

Collapse
 
mylesfowler profile image
Myles Fowler

I don't think that was the point. I'm sure you can appreciate the spirit of what they're trying to accomplish with this site.

Collapse
 
fluffy profile image
fluffy

I can appreciate the spirit while also criticizing them for using inaccessible technologies for building it. I mean, regardless of period-appropriateness, this site will not render in a lot of user agents.

Thread Thread
 
mylesfowler profile image
Myles Fowler

Fair point aside, I don't think that this is the site to make that argument about. You tell me, is the approach they took the faster and cheaper way of getting it done?

Thread Thread
 
fluffy profile image
fluffy • Edited

I mean, the use of a framework to build a static website is overkill and seems like it would take way more effort than just writing an HTML document directly. I wasn't involved in their development process at all though.

This is just a gigantic peeve of mine because a lot of websites have become ridiculously inaccessible because so many things are reinventing HTML and CSS the long way around, thus causing more resources to be used needlessly and impacting usability and accessibility because none of them actually implement the stuff that the browser already gives you for free.

Collapse
 
kingslyroche profile image
kingslyroche

Yes..it should have been only html.

Collapse
 
qm3ster profile image
Mihail Malo

Well they had to have actual features. Like the video player with progress bar.

Collapse
 
gabe profile image
Gabe

It's pretty cool. Reminds me of the old space jam site - warnerbros.com/archive/spacejam/mo...

I'm all for these fun designs if it means less bootstrap

Collapse
 
qm3ster profile image
Mihail Malo

That IS amazing!
They even implemented the <blink> tag, instead of just dropping a class!

blink {
    animation: blink-animation 1s steps(5,start) infinite;
    font-weight: 700
}

Truly a work of art!

Collapse
 
michaeltharrington profile image
Michael Tharrington

Oh wow! It makes me think of how recently I remembered Brendan Fraser existed and went to look him up... found this - brendanfraser.com/. There's a "flash-enhanced hi-bandwidth" version that apparently my computer just can't handle. 😞

Collapse
 
elmuerte profile image
Michiel Hendriks

I'm disappointed it does not feature a single "under construction" image.

Collapse
 
somedood profile image
Basti Ortiz

This site makes me so happy. It's such a breath of fresh air from all the same, old, boring Bootstrap-templated websites out there.

Collapse
 
raidzen10 profile image
Gerade Geldenhuys

Wow, That's 90's AF. Love it.

Collapse
 
kelli profile image
Kelli Blalock

What a fun site! I was going to post in the guestbook but it's full.

Collapse
 
ben profile image
Ben Halpern

β€œFull” guestbook, that’s a funny concept for a digital data store πŸ™ƒ

Collapse
 
lexlohr profile image
Alex Lohr

Since the movie is set in the 90s, they used a web design from that era, too. Kudos for consistency.

Collapse
 
andy profile image
Andy Zhao (he/him)

It's really excellent! I had so much fun using it.

Collapse
 
jvarness profile image
Jake Varness

Is this Geocities?

Collapse
 
garfbradaz profile image
Gareth Bradley

Yes ☺️

Collapse
 
worc profile image
worc • Edited

huh, vh ratios and fonts for vertical responsiveness and 100vh for full-height sections--instead of highjacking the scroll bar. i feel like i learned something new today.

Collapse
 
svedova profile image
Savas Vedova

Haha good old days!

Collapse
 
bgadrian profile image
Adrian B.G.

Holy s...

Collapse
 
pavlosisaris profile image
Paul Isaris

Hahaha nice retro idea!

Collapse
 
cout970 profile image
cout970 • Edited

Where is the sound?

Learn from a real artist btm.asie.pl/16.2/index2.html
(not mine btw)

Collapse
 
nektro profile image
Meghan (she/her)

thank you for gracing my eyes with this

Collapse
 
billiegoose profile image
Billie Hilton

I'll be honest... I do not miss home-built sites or feel nostalgic for the days of gratuitous 3D spinning text.

Collapse
 
mylesfowler profile image
Myles Fowler

That is amazing.

Collapse
 
nguyenletan profile image
nguyen

haha. 1990s style.

Collapse
 
ruvans profile image
Ruth Evans

This website has made my morning! πŸ˜πŸ’―