Archive for July, 2012

Mark up your markup with schema.org

Friday, July 20th, 2012

If you haven’t already heard about it, schema.org provides a method to give additional semantic meaning to your markup. One of the benefits to using microdata on your markup is the possibility of a rich snippet being displayed on a search engine’s results page.

Here is how an address could be marked up with HTML:

1941 NW Quimby St. Portland, OR

And the styles applied to it:

.address { font-weight: bold; }
.address em { font-style: normal; color: orange; }

Results in the following:

1941 NW Quimby St. Portland, OR

This is how microdata can be applied using the above example:

1941 NW Quimby St. Portland, OR

The idea here is nothing new. Microformats such has hCard and hRecipe have been around for some time. One of the things that sets schema.org apart from the others is wide variety of objects it supports. Read more information at schema.org to get started!


Animation with HTML and JS

Tuesday, July 3rd, 2012

We used to do a lot of animation in house with Flash and Action Script 3. There were some great tools and libraries out there to help with the position of items and opacity and all that not-as-fun-stuff.

One of my favorite libraries for AS3 was TweenLite from GreenSock. It made moving objects around super easy, and it was super fasts too. Luckily, they reciently released their awesome libraries for JavaScript, so I took to the text editor and made a quick fourth of July animation. Check it out below, and the code is after the break…

(more…)