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

Meghan (she/her) • Feb 10 '19 • Edited

@ben I had no idea you recently became a Marvel consultant! Congrats! 😁😂

rhymes • Feb 10 '19

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

Ben Halpern • Feb 10 '19

Retro will always be in fashion

Itachi Uchiha • Feb 11 '19

Hahahahahah 😁

fluffy • Feb 11 '19

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?

Myles Fowler • Feb 11 '19

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.

fluffy • Feb 11 '19

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.

Myles Fowler • Feb 11 '19

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?

fluffy • Feb 11 '19 • 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.

kingslyroche • Feb 11 '19

Yes..it should have been only html.

Gabe • Feb 10 '19

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

Michael Tharrington • Feb 10 '19

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. 😞

Mihail Malo • Feb 12 '19

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!

Michiel Hendriks • Feb 11 '19

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

Basti Ortiz • Feb 10 '19

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.

Andy Zhao (he/him) • Feb 10 '19

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

Jake Varness • Feb 10 '19

Is this Geocities?

Gareth Bradley • Feb 10 '19

Yes ☺️

Gerade Geldenhuys • Feb 10 '19

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

Kelli Blalock • Feb 11 '19

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

Ben Halpern • Feb 11 '19

“Full” guestbook, that’s a funny concept for a digital data store 🙃

Alex Lohr • Feb 11 '19

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

worc • Feb 11 '19 • 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.