BearPanther.com

Messin’ with Stately

Introduction

user

bear


LATEST POSTS

Using jsformat with Sublime Text 26th July, 2014

There are many d3 demos like this but this one is mine 08th June, 2014

Blog

Messin’ with Stately

Posted on .

Stately has been making the rounds and I decided to play around with it.

The idea of making a with nothing more than some html and css is pretty cool. It’s also a huge departure from how I would usually make a map for the web.

First up, I wanted to do something similar to the map at the top of the Stately homepage. Instead of digging into the code behind that map, I decided to try to build my own. Since the map is an unordered list(ul) with each state being represented by a list item(li), my first thought was to animate the color property for each element (state). And it worked!

Next, I wanted something a bit more interactive. I ended up building a little game where a state is highlighted and a user is expected to type the two letter abbreviation for the state. Check it out.

The code for both is up on Github.

Comments
user

Author Melina

Posted at 5:26 pm July 1, 2014.

I am extremely impressed with your writing skills as well as with the layout on your weblog.
Is this a paid theme or did you customize it yourself?
Anyway keep up the nice quality writing, it is rare to see a nice
blog like this one these days.

Reply

Leave a Reply

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=""> <s> <strike> <strong>

View Comments (2) ...