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
 
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
 
peter profile image
Peter Kim Frank

Love this!

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
 
brianmituka profile image
Brian Mituka

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

Collapse
 
toshimitsusakai profile image
坂井 俊光

It's so nice!

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
 
guic1978 profile image
Guilherme Reis

That´s awesome man.

Collapse
 
smgardner59 profile image
scott m gardner

What fun!

Collapse
 
francisco profile image
Francisco M. Delgado

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

Collapse
 
praveen075 profile image
praveen075

Hahaha cool stuff . Loved it .

Collapse
 
nattyxd profile image
Nathaniel Baulch-Jones

This is so awesome

Collapse
 
kinkuraj profile image
Kinkuraj Sahoo

Nice one. Worth trying it. :)

Collapse
 
rapidtables1 profile image
rapidtables

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

Collapse
 
nikhil1337 profile image
Nikhil Savaliya

The coding train 😝😝

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 :-)