DEV Community

Meghan (she/her)
Meghan (she/her)

Posted on

Captain Marvel's Official Website is Amazing

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

Top comments (33)

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.