Star Wars Crawl

· 16 Comments · in HTML5, JavaScript

Star Wars CrawlThis is my homage to the original “Star Wars” in HTML5, CSS and JavaScript.

It’s coded to run on an iPhone but viewable in the latest versions of Firefox, Safari and Chrome. You can also view on an iPad or iTouch. But not in IE.

Uses a combination of HTML5, CSS animation and JavaScript.

Displays the opening logo and story crawl, with sound, for a viewport of 320×480. Looks best in landscape mode on an iPhone.

Since this post is more of a fun homage as opposed to instructional, I did not list out the code.

But you can view source if you are interested in examining the inner workings.

Primarily coded to work on the iPhone(tested on a 4S), here is a shortlink for less typing:

Here’s an iPhone 4S, landscape mode screenshot:
Star Wars Crawl Screenshot - iPhone 4S Landscape

This entry was posted in HTML5, JavaScript. Bookmark the permalink.

16 Responses to Star Wars Crawl

  1. Dysonlhk says:

    Europe, and in Ancient Russia

  2. Candytpq says:

    manuscripts attributed to Robins

  3. Holographicnmp says:

    the spread of parchment.

  4. Marshallqtm says:

    only a few survived.

  5. Mojaveyix says:

    only a few survived.

  6. Vitamixkio says:

    By the end of the 15th century, 35

  7. Juicerjtu says:

    A handwritten book is a book

  8. Fortressypt says:

    Western Europe also formed

  9. Batteryslj says:

    consists of the book itself

  10. Keypadassr says:

    Since the era of Charlemagne

  11. EOTechutn says:

    European glory, and even after

  12. Flashpaqwgc says:

    consists of the book itself

  13. iAquaLinkiyc says:

    Europe, and in Ancient Russia

  14. Flexiblebeu says:

    Century to a kind of destruction:

  15. Edelbrockdtt says:

    Europe, and in Ancient Russia

  16. Edelbrockvrj says:

    (palimpsests). In the XIII-XV centuries in

Leave a Reply

Your email address will not be published. Required fields are marked *


To include code in your comment: Paste your code in the comment form, select it and then click the language link button below. This will wrap your code in a <pre> tag(or shortcode) and format it when submitted.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">