design page 7 - Dave's Blog

Search
My timeline on Mastodon

truthtag

2008 Jun 13, 1:52Polish artist's 3D street art.PermalinkCommentsstreetart graffiti cultural-disobediance sculpture art design

Bluelounge - The Sanctuary

2008 Jun 9, 4:44"The Sanctuary is a beautiful, simple solution to a real everyday problem. A place to put the multitude of personal items we all carry around so they are easily located again when later needed and, always fully charged"PermalinkCommentsgift gadget design cable battery phone mp3player charger shopping product

FLW Designed Chair

2008 Jun 1, 11:38

sequelguy posted a photo:

FLW Designed Chair

Apparently Frank Lloyd Wright designed this chair.

PermalinkCommentsart franklloydwright taliesinwest scottsdale arizonachair

Lifeboat Foundation Bios: Joshua W. Klein, M.S.

2008 May 16, 2:33This guy works on interesting projects. "Joshua W. Klein, M.S. is a Mobile, Personal, and Future Technology Specialist who is currently Senior Technology Principal at Frog Design."PermalinkCommentsjoshua-klien bio

TED talk: Joshua Klein's vending machine for crows - Boing Boing

2008 May 16, 2:12Joshua trains crows to give him coins. "Joshua Klein's TED presentation about how he taught crows to drop coins into a peanut vending machine of his own design..."PermalinkCommentshack crow ted video presentation joshua-klien

Font embedding on the Web - Wikipedia, the free encyclopedia

2008 May 9, 9:32"The CSS2 specification adopted Microsoft's @font-face rule as the standard method for embedding fonts. However, Safari is the only browser other than Internet Explorer that supports @font-face, and it supports TrueType fonts instead of EOT fonts."PermalinkCommentsfont text web webdesign microsoft browser safari ie css

Microsoft Typography - Font embedding for the Web

2008 May 9, 9:31"In 1997, we released the preview version of Microsoft Web Embedding Fonts Tool (WEFT), which allows you to create font objects that can be linked to your Web pages."PermalinkCommentsmicrosoft msdn font web webdesign text

URI Fragment Info Roundup

2008 Apr 21, 11:53

['Neverending story' by Alexandre Duret-Lutz. A framed photo of books with the droste effect applied. Licensed under creative commons.]Information about URI Fragments, the portion of URIs that follow the '#' at the end and that are used to navigate within a document, is scattered throughout various documents which I usually have to hunt down. Instead I'll link to them all here.

Definitions. Fragments are defined in the URI RFC which states that they're used to identify a secondary resource that is related to the primary resource identified by the URI as a subset of the primary, a view of the primary, or some other resource described by the primary. The interpretation of a fragment is based on the mime type of the primary resource. Tim Berners-Lee notes that determining fragment meaning from mime type is a problem because a single URI may contain a single fragment, however over HTTP a single URI can result in the same logical resource represented in different mime types. So there's one fragment but multiple mime types and so multiple interpretations of the one fragment. The URI RFC says that if an author has a single resource available in multiple mime types then the author must ensure that the various representations of a single resource must all resolve fragments to the same logical secondary resource. Depending on which mime types you're dealing with this is either not easy or not possible.

HTTP. In HTTP when URIs are used, the fragment is not included. The General Syntax section of the HTTP standard says it uses the definitions of 'URI-reference' (which includes the fragment), 'absoluteURI', and 'relativeURI' (which don't include the fragment) from the URI RFC. However, the 'URI-reference' term doesn't actually appear in the BNF for the protocol. Accordingly the headers like 'Request-URI', 'Content-Location', 'Location', and 'Referer' which include URIs are defined with 'absoluteURI' or 'relativeURI' and don't include the fragment. This is in keeping with the original fragment definition which says that the fragment is used as a view of the original resource and consequently only needed for resolution on the client. Additionally, the URI RFC explicitly notes that not including the fragment is a privacy feature such that page authors won't be able to stop clients from viewing whatever fragments the client chooses. This seems like an odd claim given that if the author wanted to selectively restrict access to portions of documents there are other options for them like breaking out the parts of a single resource to which the author wishes to restrict access into separate resources.

HTML. In HTML, the HTML mime type RFC defines HTML's fragment use which consists of fragments referring to elements with a corresponding 'id' attribute or one of a particular set of elements with a corresponding 'name' attribute. The HTML spec discusses fragment use additionally noting that the names and ids must be unique in the document and that they must consist of only US-ASCII characters. The ID and NAME attributes are further restricted in section 6 to only consist of alphanumerics, the hyphen, period, colon, and underscore. This is a subset of the characters allowed in the URI fragment so no encoding is discussed since technically its not needed. However, practically speaking, browsers like FireFox and Internet Explorer allow for names and ids containing characters outside of the defined set including characters that must be percent-encoded to appear in a URI fragment. The interpretation of percent-encoded characters in fragments for HTML documents is not consistent across browsers (or in some cases within the same browser) especially for the percent-encoded percent.

Text. Text/plain recently got a fragment definition that allows fragments to refer to particular lines or characters within a text document. The scheme no longer includes regular expressions, which disappointed me at first, but in retrospect is probably good idea for increasing the adoption of this fragment scheme and for avoiding the potential for ubiquitous DoS via regex. One of the authors also notes this on his blog. I look forward to the day when this scheme is widely implemented.

XML. XML has the XPointer framework to define its fragment structure as noted by the XML mime type definition. XPointer consists of a general scheme that contains subschemes that identify a subset of an XML document. Its too bad such a thing wasn't adopted for URI fragments in general to solve the problem of a single resource with multiple mime type representations. I wrote more about XPointer when I worked on hacking XPointer into IE.

SVG and MPEG. Through the Media Fragments Working Group I found a couple more fragment scheme definitions. SVG's fragment scheme is defined in the SVG documentation and looks similar to XML's. MPEG has one defined but I could only find it as an ISO document "Text of ISO/IEC FCD 21000-17 MPEG-12 FID" and not as an RFC which is a little disturbing.

AJAX. AJAX websites have used fragments as an escape hatch for two issues that I've seen. The first is getting a unique URL for versions of a page that are produced on the client by script. The fragment may be changed by script without forcing the page to reload. This goes outside the rules of the standards by using HTML fragments in a fashion not called out by the HTML spec. but it does seem to be inline with the spirit of the fragment in that it is a subview of the original resource and interpretted client side. The other hack-ier use of the fragment in AJAX is for cross domain communication. The basic idea is that different frames or windows may not communicate in normal fashions if they have different domains but they can view each other's URLs and accordingly can change their own fragments in order to send a message out to those who know where to look. IMO this is not inline with the spirit of the fragment but is rather a cool hack.

PermalinkCommentsxml text ajax technical url boring uri fragment rfc

YouTube - Seattle Pillow Fight 2008 in Pike Place Market

2008 Apr 2, 6:29A pillow fight in Pike Place Market. "A group of web-connected friends converge at a specified location in the city and at a designated time produce previously concealed pillows and begin an awesome fight."PermalinkCommentsflash-mob seattle washington pike-place-market pillow pillow-fight youtube video humor social via:swannman

New Scientist Short Sharp Science Blog: Are ID proponents being silenced?

2008 Mar 24, 9:53'Then, a security guard for the film approached the calmly seated man and told him, "I may have to ask you to leave." "Does anyone else see how ironic this is?" the guy asked.'PermalinkCommentsarticle science intelligent-design ben-stein humor

Chris Harrison - Rethinking the Progress Bar

2008 Mar 3, 3:32Research paper on progress bar UI improvements counters my thoughts on progress bar demanded for case where we only know when we're done: set progress as function of time where function has asymptote at %100. Zeno's progress bar.PermalinkCommentsdesign gui hci interface paper progress progress-bar usability research

Identifying Vegetables with 20q Pocket Mind Reader

2008 Feb 26, 2:24

A shallot sliced in two.At the grocery store the other day Sarah and I attempted to find shallot for a recipe, but I can't tell the difference between shallot, sweet onions, yellow onions, etc. etc. We found something that we decided was the closest we'd find in the store and I believe we picked correctly because at checkout the cashier rang it up as shallot.

I think this could be a practical problem that the 20q Pocket Mind Reader should be able to solve: obtain the name of an unidentified object. When we got home I decided to test the 20q Pocket Mind Reader on shallot. Unfortunately, it told me I had an onion, but I think if these were designed for identifying unknown objects based solely on information you can obtain by looking at it, rather than requiring knowledge of seeds, where it grows, etc. it would do better. Or I could just ask someone who works at the grocery store.

PermalinkCommentsonion shallot toy 20q random

Design By Humans T-shirts

2008 Feb 24, 3:00Other interesting shirtsPermalinkCommentsshirt purchase product via:porcupine_

Microsoft DreamSpark

2008 Feb 19, 12:33MS dev tools now free for students FTA: "Microsoft DreamSpark enables students to download Microsoft developer and design tools at no charge." I would have loved this as a student.PermalinkCommentsmicrosoft student education development visual-studio c++ free

PicoCool

2008 Feb 18, 6:02FTA: "PicoCool is dedicated to bringing you tiny bytes and obscure content from the world of peer media, social networks and subcultures. Cool content from real people."PermalinkCommentsblog design culture art emily-chang monthly

www.dontclick.it

2008 Feb 12, 12:51A webpage that requires no clicking. Interesting design.PermalinkCommentsvia:ldandersen web design ui clickless dontclick

Howto: iPhone Webclip icons

2008 Jan 16, 2:53These are as bad as favicons! Boo on URI space squatting.PermalinkCommentshowto apple iphone icon favicon webdesign web ipod development via:swannman

Theme Options

2007 Dec 24, 12:41These days it seems like there's a social sharing website for everything representable as bits. Like Scribd for (mostly legal) documents, SciVee for scientific research videos, Wordie for words, and Kuler for color themes. Kuler seems like a ridiculous website (overkill) but I had been meaning to update my homepage's color design and Kuler has an RSS based REST API. The API lets you obtain things like the most recently added color themes or the most popular or all themes containing the color dark red, etc... So of course rather than update my website's design I hooked up my css to the color themes coming out of Kuler. Select my main page's color theme from a list of random Kuler themes. As I'm sure the regular readers can guess I use an xslt and blah blah blah... It looks OK with Silver Surfer and Happy Hipo but in general changing the colors this way doesn't produce something pretty.

When reading about Kuler I found that they may have stolen the whole idea wholeslae from ColourLovers. They discuss the thievery in an article on their blog. I would have switched over to ColourLovers out of principle but they don't have an easily accessible API.PermalinkCommentscolourlovers color xslt theme homepage technical kuler design

For the Record: Adobe Kuler vs COLOURlovers

2007 Dec 19, 11:06Article about striking similarities between COLOURlovers and Adobe's Kuler.PermalinkCommentsarticle blog color design web social kuler colourlovers

kuler

2007 Dec 19, 10:37Social website for sharing color schemes... Useful?PermalinkCommentsvia:swannman design color webdesign web generator gallery social
Older EntriesNewer Entries Creative Commons License Some rights reserved.