tag:blogger.com,1999:blog-57989328176711406372024-02-08T02:22:46.826-08:00Dylan's IMD 220 Design BlogA collection of entries that are interesting, inspiring or otherwise relevant to User-Centered Interface DesignDylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-5798932817671140637.post-83081523947273144232010-09-03T18:02:00.000-07:002010-09-03T18:04:20.440-07:0012 Standard Screen PatternsA little on the technical side, but seems like some pretty useful stuff.Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-68529529859484770442010-09-03T17:41:00.000-07:002010-09-03T17:52:24.245-07:00"Wow, This Is Trippy" or "Flash? What Flash?"<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QDB0qof8CzU/TIGYDBQVc_I/AAAAAAAAAEE/GfuZpK4izSc/s1600/wilderness-downtown.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 141px;" src="http://1.bp.blogspot.com/_QDB0qof8CzU/TIGYDBQVc_I/AAAAAAAAAEE/GfuZpK4izSc/s400/wilderness-downtown.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5512854596522177522" /></a><br />The song: "We Used to Wait" by the Arcade Fire<br /><br />This interactive music video uses only HTML5 - no Flash whatsoever! Follow the instructions and prepare to be transported back in time and (virtual) space....<br /><br />Oh, and you'll probably want to make sure you're viewing this on a reasonably powerful computer.Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-20329171091006373212010-09-02T11:25:00.000-07:002010-09-02T11:32:33.768-07:00Edgy, surreal vector art and illustration<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_QDB0qof8CzU/TH_toDU8YxI/AAAAAAAAAD8/WScbuHuILUY/s1600/als-series-01.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 202px;" src="http://2.bp.blogspot.com/_QDB0qof8CzU/TH_toDU8YxI/AAAAAAAAAD8/WScbuHuILUY/s400/als-series-01.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5512385741268476690" /></a><br /><br /><br /><br />...if you're into that sort of thing, as I am!Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-43015436326795010932010-08-24T09:33:00.000-07:002010-08-24T09:41:09.294-07:00Most Useful Cheat Sheet For HTML, CSS And JavascriptMy wife actually found <a href="http://technologytosoftware.com/css-javascript-cheat-sheet.html">this</a> while surfing the Intertubes. Haven't had a chance to try it out yet, but looks as though it could be useful...Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-79373655155359421102010-08-24T09:24:00.000-07:002010-08-24T09:29:12.932-07:00Web Design Blog: Website Design articles & newsThe not very imaginatively-named <a href="http://www.thewebdesignblog.com/">Web Design Blog</a> functions as a portal to all sorts of web design-related stuff, including interesting web page design, tutorials and articles.Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-92011777124286710312010-08-17T09:52:00.000-07:002010-08-17T10:19:28.862-07:00Nellie McKay sings "Clonie"Okay, so it's not exactly design-related but I just couldn't resist...<br /><br />So anyway, I just finished viewing David Kelley's 2002 TED presentation on human-centered design and I happened across this link to <a href="http://www.ted.com/talks/nellie_mckay_sings_clonie_1.html">a performance by Nellie McKay of her song "Clonie"</a>, a song about, in Nellie's own words, "...the evils of science".<br /><br />Without going into a ton of detail, Nellie is a fantastically talented jazz pianist with a penchant for writing cutting, acerbic and frequently hilarious ditties about society's ills. If you're like me and generally find jazz impenetrably dull, then you owe it to yourself to check out Ms. McKay.<br /><br /><br />"Clonie" lyrics<br />(WARNING: contains a four-letter Anglo-Saxon word which colloquially describes the act of procreation)<br /><br />My oh my <br />Walkin' by<br />Who's the apple of my eye<br />Why it's my very own<br />Clonie<br />Oh if I should stroll the 'hood<br />Who knew I could look so good<br />Just talkin' on the phone to<br />Clonie<br />We are pals<br />It's cool 'cause we're not lonely<br />Shallow gene pool<br />There's nothing to my only<br />Clonie<br />Me and you, hustlin' through<br />Holdin' on through thick and thin<br />Just day by day our DNA<br />'cause the Olsen twins got nothin' on us<br />We'll survive<br />Side by side<br />Mother Nature, don't you call her phony<br />She's my clonie<br /><br />Was wealthy<br />But not healthy<br />Had no one to dwell with me<br />So look who I got born<br />Clonie<br />Far from broke<br />Bored rich folk<br />We don't need no natural yolk<br />Our babies come full formed<br />Clonie<br />We'll be huggable<br />Get a publicist and show them<br />Be the most lovable thing<br />Since fucking Eminem<br />Oh my friend<br />Multiply, we're a franchise<br />Like Walt Disney or Hannibal Lechter<br />We can tell our cancer cells<br />Are more benign than old Phil Spector<br />We'll survive<br />Side by side<br />Should have signed with Verve instead of Sony<br />You're my clonie<br /><br />Oh Clonie, how I love you<br />Huh, I'm the only person I ever loved<br />Gee, that's swell<br />I guess you're just my fatal attraction-y<br />You're my clonieDylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-75758500876244572472010-08-03T09:30:00.000-07:002010-08-03T09:38:19.207-07:00Design Shard Web Design BlogI just discovered <a href="http://www.designshard.com">Design Shard</a>, a resource for creative inspiration which features <a href="http://www.designshard.com/category/freebies/">free downloads</a> and <a href="http://www.designshard.com/category/video-tutorials/">tutorials</a>, among other things. Aside from cool resources, the site has a nice, intuitive layout and feel.Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-23079608898234785142010-07-25T09:24:00.000-07:002010-07-25T09:44:20.299-07:00Ryan McMaster: Holy Crap, This Guy's AwesomeNow <a href="http://theorydesign.ca/">this</a> is what I aspire to as a fledgling web designer. I absolutely love this guy's use of texture, most obviously his choice of background imagery but also in the various graphics used throughout the site, such as buttons and rollovers. Everything has a chiseled or embossed feel to it, which Ryan pulls off without it looking cheesy or overblown. And, because I'm a complete sucker for rollovers, I especially adore the treatments Ryan's given his rollovers, particularly on <a href="http://ryanmcmaster.com/home/">his personal site</a> which, if anything, looks EVEN COOLER than his portfolio site!Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-35658185828897551962010-07-17T15:26:00.000-07:002010-07-17T15:33:41.657-07:00Digital BlasphemyI forget how I first became aware of this site's existence, but if you're looking for some killer wallpaper for your computer desktop, then check out <a href="http://www.digitalblasphemy.com">Digital Blasphemy.</a><br /><br />Download wallpapers from the <a href="http://www.digitalblasphemy.com/freegallery.shtml">Free Gallery.</a>Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com0tag:blogger.com,1999:blog-5798932817671140637.post-24716505950779470732010-07-17T14:44:00.000-07:002010-07-17T14:54:38.983-07:00When One Word is More Meaningful Than a Thousand<p>Quite a bit to digest for us web design novices, but some interesting stuff nonetheless. I found the following passage interesting in light of the way I approached building my Jump Page:</p><blockquote>"I know that many people like to mix wireframing, HTML and even design into one organic and homogeneous process. The downside to this is that you will have a hard time not compromising your work. When you’re designing, writing HTML and CSS is not priority number one; and once the design is done, you’ll find it tough to go back and rework your code to match HTML and CSS standards.<br /><br />It’s also refreshing to try to build a website based purely on a set of wireframes, without the slightest notion of design. It helps you focus on meaning and makes it easier to spot components that are actually the same but could differ wildly design-wise. And if you’ve done it right, you’ll find that during CSS development, you don’t have to adapt the HTML at all, unless the design calls for major structural changes.<br /><br />Try to build your HTML templates based on wireframes, and save the design and CSS for when your static HTML templates are completed."</blockquote><a href="http://www.smashingmagazine.com/2010/07/14/when-one-word-is-more-meaningful-than-a-thousand/">Read the full article</a>Dylan Jenkinshttp://www.blogger.com/profile/07899764019979412539noreply@blogger.com1