links for 2011-05-02

How the w3c invented the ‘semantics’ logo

How the w3c invented the 'semantics' logo | Flickr

How the w3c invented the ‘semantics’ logo

posted by Kevin Marks

35237099379@N01 The ID of the content owner – Kevin Marks

jalbertbowdenii.

w3c HTML5 Shirt – I’ve seen the future

w3c HTML5 Shirt - I've seen the future | Flickr

w3c HTML5 Shirt – I’ve seen the future

posted by bitrocker

received my "original" (ordered via w3c) HTML5 shirt today… print quality is kinda bad to be honest The description, as entered by the person who uploaded it.

40707715@N00 The ID of the content owner – you can use this to link to their buddy icon. like so bitrocker

jalbertbowdenii Your Flickr screen name.

Legend of Zelda Graffiti 2006

Zelda 2006 | Flickr

Zelda 2006

posted by witness 1

Zelda by Miso & Ghostpatrol, Melbourne
2 years later: www.flickr.com/photos/witness_1/3103759068/ The description, as entered by the person who uploaded it.

7758853@N03 The ID of the content owner – you can use this to link to their buddy icon. like so witness 1

jalbertbowdenii Your Flickr screen name.

HTML5 Popcorn.js

Hilarious example of Popcorn.js , here being parsed with Python and displaying every instance of “Shit” in the dialogue programatically from Predators (2010).

links for 2011-04-30

GeoNames Geographical Database

GeoNames is a geographical database that integrates various related geodata. GeoNames is shared under a creative commons attribution license, is available for download free of charge, and users can manually edit, or add new data as need be.

I read about GeoNames while researching Linked Data, after a quick run through of the user manual, I did a search for Virginia Beach in the United States. It returned GeoNameId : 4791259, the GeoNames representation of Virginia Beach, va. While there is a plethora of named places in Virginia Beach, it still seems quite sparse to me; randomly, there is an overwhelming mobile home representation amongst the named places (some realtor knew what they were doing). The data is available in csv and png formats for download. The png representation of Virginia Beach’s Geoname is shown below.

Virginia Beach, United States

It seems like GeoNames could use some serious updates; any idea(s) how this can be achieved without manually entering/editing it all? How would you use this data?

Linked Open Data Star Ratings

The Semantic Web is all about Linked Data, primarily made up of machine-readable links, aka machine tags. Search optimized urls are machine-readable in this sense, though primarily for search engines. Microformats, Microdata, and rdfa are all examples of machine tags that search engines have adopted. The html a element, when used in conjunction with href="" attribute provide the connectivity that has enabled the web of hypertext. As amazing as the hypertext web is, it has its limitations, including only having local scope(s), and primarily only linking to data embedded in html documents. While data embedded in html documents are accessible on the web, it is not in the web.

The Semantic Web marks a shift from this method of thinking, from human readable to machine readable. You can make your data machine readable by adhering to Linked Data Expectations of Behavior to make the data interconnected. The more connected the data is, the more opportunities it has for unexpected reuse.

It is the unexpected re-use of information which is the value added by the web.

Tim Berners-Lee

To promote Linked Data, the lidrc Laboratory has published Linked Open Data Star Examples and Linked Open Data Star Badges. Use the former to define your data and the latter to promote your data. I have put them all together into a sprite to help promote Linked Open Data.

Linked Open Data Star Ratings Badges Sprite

In the process of doing so, I noticed that some of the badges had different heights, as well as all of them not having transparent corners, so I went ahead and took out the backgrounds of each and made them uniform. I would love to see them implemented in css, but that will be for another post. The Linked Open Data Badges Kit (available here) consists of uniform badges (88 x 32), original sizes and .psds.

css font-weight Properties

Playing around with @font-face and multiple weights, found this great reference on Clagnut’s sxsw slides in pdf format. Here it is for easy reference:

Values for font-weight property
font-weight Value
100 Ultra Light, Extra Light
200 Light, Thin
300 Book
400 Normal, Regular
500 Medium
600 Demi Bold, Semi Bold
700 Bold
800 Black, Extra Bold
900 Ultra Bold, Fat, Heavy

links for 2011-04-29