DEV Community

Cover image for Developing the Star Wars opening crawl in HTML/CSS

Developing the Star Wars opening crawl in HTML/CSS

Christopher Kade on January 31, 2018

Even though Star Wars: The Last Jedi is a divisive movie (which is not the point of this article, I promise), it inspired me to develop the most us...
Collapse
 
diogomqbm_ profile image
Diogo Mafra •

Nice post! Had to do some changes but I had some fun doing this!
Thank you!

Collapse
 
christopherkade profile image
Christopher Kade •

I'm glad you liked it !

Collapse
 
peter profile image
Peter Kim Frank •

Love this!

Collapse
 
robosnod profile image
robosnod •

This is pretty amazing. How could I set the canvas size to fit the center of my website? I don't see any place in the code where it defines the width. If I wanted it to be 980px, where do I add that? Do I add it in the BG CSS?

Collapse
 
brianmituka profile image
Brian Mituka •

I've been thinking about this a lot. Nice one!

Collapse
 
hydrogen2oxygen profile image
Peter •

The final touch would be a complete Star Wars movie made with JS, hehehe!

Collapse
 
xelaflash profile image
xelaflash •

Awesome men! I'm a learning webdev and this is a fun and good exercise.
I learned some new stuff in js and css thanks to you. 🙏🏼🙏🏼🙏🏼

You made my (hangover) day ! 😃

Thanks men, do not hesitate to share other stuffs like that

Collapse
 
francisco profile image
Francisco M. Delgado •

This was awesome, following and can't wait for more!

Collapse
 
smgardner59 profile image
scott m gardner •

What fun!

Collapse
 
nattyxd profile image
Nathaniel Baulch-Jones •

This is so awesome

Collapse
 
kinkuraj profile image
Kinkuraj Sahoo •

Nice one. Worth trying it. :)

Collapse
 
toshimitsusakai profile image
坂井 俊光 •

It's so nice!

Collapse
 
nikhil1337 profile image
Nikhil Savaliya •

The coding train 😝😝

Collapse
 
keanamaral profile image
keanamaral • • Edited

TTTTTTTTTTTHHHHHHHHHHAAAAAAAAAAANNNNNNNNKKKKKKKKKKKKK YYYYYOUUUUUUUUUU!!!!!!!!!!!
So much Chris!!!! I was so looking to be able to do this...THANKS! Got it working on my html

Collapse
 
donatron profile image
Don Macarthur •

Kick ass! Thank you so much for the great tutorial.
I'm working on a React App consuming the Star Wars API and this is great for the home page.

Love your work :-)

Collapse
 
rapidtables1 profile image
rapidtables •

Awesome Christopher, Amazing Work.. I have tested on HTML Formatter and loved it

Collapse
 
guic1978 profile image
Guilherme Reis •

That´s awesome man.

Collapse
 
praveen075 profile image
praveen075 •

Hahaha cool stuff . Loved it .