Clagnut blogmarks http://www.clagnut.com/blogmarks/ So many sites, so little time. Blogmarks are a living collection of links I haven't managed to write about in the main blog. en-gb Copyright 2003-2009, Richard Rutter rich@clagnut.com (Richard Rutter) rich@clagnut.com (Richard Rutter) http://www.clagnut.com/images/clagnut_rss.png http://www.clagnut.com/ Clagnut 88 31 Mon, 16 Nov 2009 00:00:00 PST I’m running the Brighton marathon http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/6bqfgW_b4w0/Richard-Rutter Please sponsor me in aid of Have a Heart for local children.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=6bqfgW_b4w0:uBS5xecqFtM:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=6bqfgW_b4w0:uBS5xecqFtM:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=6bqfgW_b4w0:uBS5xecqFtM:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=6bqfgW_b4w0:uBS5xecqFtM:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/6bqfgW_b4w0" height="1" width="1"/> Brighton Personal Brighton, Personal, marathon, charity http://www.justgiving.com/Richard-Rutter Wed, 04 Nov 2009 00:00:00 PST How to use CSS @font-face http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/xbrR39IEJH0/ Superb compilation of webfonts facts from Tim Brown.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=xbrR39IEJH0:TfCTM1kGmm8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=xbrR39IEJH0:TfCTM1kGmm8:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=xbrR39IEJH0:TfCTM1kGmm8:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=xbrR39IEJH0:TfCTM1kGmm8:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/xbrR39IEJH0" height="1" width="1"/> Typography CSS techniques CSS techniques, Typography, @font-face, webfonts http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/ Thu, 29 Oct 2009 00:00:00 PST Terrific list of female web designers http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/wpUvPCqxo-I/40-amazing-female-role-models-for-web-designers We need more lists like this&#8230; web women seem to keep themselves to themselves a lot more than guys.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=wpUvPCqxo-I:JLQUPQvF9pY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=wpUvPCqxo-I:JLQUPQvF9pY:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=wpUvPCqxo-I:JLQUPQvF9pY:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=wpUvPCqxo-I:JLQUPQvF9pY:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/wpUvPCqxo-I" height="1" width="1"/> Design thinking New media industry Design thinking, New media industry, women, female, designers http://line25.com/articles/40-amazing-female-role-models-for-web-designers Thu, 29 Oct 2009 00:00:00 PST Support Details http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/Dqn9bNx5Gtw/ (tech support anger management).<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Dqn9bNx5Gtw:D1Vd_LaakX8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Dqn9bNx5Gtw:D1Vd_LaakX8:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Dqn9bNx5Gtw:D1Vd_LaakX8:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Dqn9bNx5Gtw:D1Vd_LaakX8:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/Dqn9bNx5Gtw" height="1" width="1"/> http://supportdetails.com/ Mon, 26 Oct 2009 00:00:00 PST Fun With Box Shadows http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/Nj2FPRur6k8/ Good box-shadow tutorial with plenty of examples.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Nj2FPRur6k8:ONT04Ka4078:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Nj2FPRur6k8:ONT04Ka4078:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Nj2FPRur6k8:ONT04Ka4078:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Nj2FPRur6k8:ONT04Ka4078:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/Nj2FPRur6k8" height="1" width="1"/> CSS techniques CSS techniques, box shadow, tutorial, examples, box-shadow, CSS3 http://markusstange.wordpress.com/2009/02/15/fun-with-box-shadows/ Tue, 06 Oct 2009 00:00:00 PST Discovering Magic with Ident Engine http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/kawyC0UtKbc/ Brilliant stuff from Brighton&#8217;s Glenn Jones. Javascript + XFN equals identity magic.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=kawyC0UtKbc:cEyYUhgsyQE:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=kawyC0UtKbc:cEyYUhgsyQE:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=kawyC0UtKbc:cEyYUhgsyQE:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=kawyC0UtKbc:cEyYUhgsyQE:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/kawyC0UtKbc" height="1" width="1"/> Brighton DOM | JavaScript Social software JavaScript, Social software, ALA, A List Apart, Glenn Jones, Ident Engine, XFN, microformats, social graph, Brighton http://www.alistapart.com/articles/discovering-magic/ Mon, 05 Oct 2009 00:00:00 PST Service Design Tools http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/2DUaa58eDoo/ An open collection of communication tools used in design processes.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=2DUaa58eDoo:_n1GauXdpag:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=2DUaa58eDoo:_n1GauXdpag:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=2DUaa58eDoo:_n1GauXdpag:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=2DUaa58eDoo:_n1GauXdpag:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/2DUaa58eDoo" height="1" width="1"/> Information design New media industry Information design, New media industry, design tools, design games, communication http://www.servicedesigntools.org/ Fri, 02 Oct 2009 00:00:00 PST Great Diagrams in Anthropology, Linguistics & Social Theory http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/AEGfqscYPM0/ Flickr group..<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=AEGfqscYPM0:fre14bxatW4:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=AEGfqscYPM0:fre14bxatW4:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=AEGfqscYPM0:fre14bxatW4:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=AEGfqscYPM0:fre14bxatW4:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/AEGfqscYPM0" height="1" width="1"/> Information design Information design, graphics, design, diagrams, visualization http://www.flickr.com/groups/great_diagrams_in_anthropological_theory/pool/ Tue, 29 Sep 2009 00:00:00 PST The ultimate lunchbox http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/MNhshRiT_zE/lunchbox-recipes-hugh-fearnley-whittingstall Interesting lunches from Hugh F-W, includes beetroot hummous.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=MNhshRiT_zE:7uRWFBg9NIM:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=MNhshRiT_zE:7uRWFBg9NIM:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=MNhshRiT_zE:7uRWFBg9NIM:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=MNhshRiT_zE:7uRWFBg9NIM:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/MNhshRiT_zE" height="1" width="1"/> Food & drink Food and drink, lunch, recipe http://www.guardian.co.uk/lifeandstyle/2009/sep/29/lunchbox-recipes-hugh-fearnley-whittingstall Fri, 18 Sep 2009 00:00:00 PST Baseline http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/fdX8wZBWy5I/ A promising looking CSS framework with typographic baseline alignment.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=fdX8wZBWy5I:dCiDHown_wA:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=fdX8wZBWy5I:dCiDHown_wA:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=fdX8wZBWy5I:dCiDHown_wA:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=fdX8wZBWy5I:dCiDHown_wA:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/fdX8wZBWy5I" height="1" width="1"/> Typography CSS techniques CSS techniques, Typography, Baseline, framework, CSS http://baselinecss.com/ Thu, 10 Sep 2009 00:00:00 PST Make iTunes album links go to library instead of store http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/A9j3mhA6eZE/article.php By default you have to option-click to go to the library; this inverts that behaviour.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=A9j3mhA6eZE:9TRdpsrnNc0:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=A9j3mhA6eZE:9TRdpsrnNc0:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=A9j3mhA6eZE:9TRdpsrnNc0:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=A9j3mhA6eZE:9TRdpsrnNc0:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/A9j3mhA6eZE" height="1" width="1"/> Apple Apple, iTunes, ITMS, link, hack http://www.macosxhints.com/article.php?story=20040429122915489 Wed, 09 Sep 2009 00:00:00 PST Enhancements to Georgia and Verdana http://feedproxy.google.com/~r/ClagnutBlogmarks/~3/Gp08IvIGXug/ More weights and widths, more kerning, more characters, OpenType features.<div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Gp08IvIGXug:fRuiDQInm2I:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Gp08IvIGXug:fRuiDQInm2I:q8eRBy9kBYE"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=q8eRBy9kBYE" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Gp08IvIGXug:fRuiDQInm2I:2mJPEYqXBVI"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=2mJPEYqXBVI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?a=Gp08IvIGXug:fRuiDQInm2I:W1ccf-mKbkM"><img src="http://feeds.feedburner.com/~ff/ClagnutBlogmarks?d=W1ccf-mKbkM" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/ClagnutBlogmarks/~4/Gp08IvIGXug" height="1" width="1"/> Typography Typography, verdana, georgia http://www.ascendercorp.com/pr/2009-09-08/