<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-4032206179804241898</id><updated>2011-04-21T19:06:37.360-04:00</updated><category term='motivation'/><category term='work habits'/><category term='design'/><category term='tools'/><category term='css'/><category term='javascript'/><category term='links'/><category term='development'/><title type='text'>Display Awesome Dot Blog!</title><subtitle type='html'>Brought to you by Dan Drinkard, a Powerbook, and coffee.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>7</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-3609483077069662354</id><published>2008-05-20T23:34:00.005-04:00</published><updated>2008-05-21T01:29:22.283-04:00</updated><title type='text'>Blogs are soo 2005. Wanna tumble?</title><content type='html'>So, um, I guess it's been a while since I posted, huh? In the last 5-or-whatever-it-was months I have done literally metric tonnes of stuff, highlights of which I would love nothing more than to share with you here:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;• Had a blast at SXSW '08&lt;br /&gt;&lt;/span&gt;It was &lt;a href="http://en.wikipedia.org/wiki/Guess_Who%27s_Coming_to_Criticize_Dinner%3F"&gt;groin-grabbingly transcendent&lt;/a&gt;. The topic has already been covered extensively &lt;a href="http://sixtwothree.org/blog/archives/2008/03/24/sxsw-recap-bullet-point-style/"&gt;here&lt;/a&gt;, &lt;a href="http://www.badassideas.com/blog/2008/03/20/the-theme-of-sxsw-2008-give/"&gt;here&lt;/a&gt; and &lt;a href="http://www.nclud.com/sketchbook/sxsw-bowling-a-success"&gt;here&lt;/a&gt; but all in all, a great time was had, much was learned, and possibly even more was forgotten.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;• Started a new job!&lt;br /&gt;&lt;/span&gt;I parted ways with the &lt;a href="http://www.army.mil/"&gt;U.S. Army&lt;/a&gt; in &lt;a href="http://en.wikipedia.org/wiki/February"&gt;February&lt;/a&gt;, and started with &lt;a href="http://nclud.com/"&gt;nclud&lt;/a&gt;, an amazingly rad  &lt;a href="http://www.google.com/search?hl=en&amp;amp;client=firefox-a&amp;amp;rls=org.mozilla%3Aen-US%3Aofficial&amp;amp;hs=53K&amp;amp;q=web+agency&amp;amp;btnG=Search"&gt;design agency&lt;/a&gt; in DC. We moved from &lt;a href="http://local.google.com/maps?f=q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=1209+10th+St+NW,+Washington,+DC+20001&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=32.66491,70.751953&amp;amp;ie=UTF8&amp;amp;ll=38.906597,-77.025962&amp;amp;spn=0.007831,0.017273&amp;amp;z=16&amp;amp;iwloc=addr"&gt;here&lt;/a&gt; to &lt;a href="http://local.google.com/maps?f=q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=1808+Florida+Ave+NW,+Washington,+DC+20009&amp;amp;sll=38.906597,-77.025962&amp;amp;sspn=0.007831,0.017273&amp;amp;ie=UTF8&amp;amp;ll=38.917516,-77.041798&amp;amp;spn=0.00783,0.017273&amp;amp;z=16&amp;amp;iwloc=addr"&gt;here&lt;/a&gt;, and &lt;a href="http://flickr.com/photos/mringlein/2452712188/in/set-72157601592868011/"&gt;it is like heaven&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;• Did a lot of house hunting...&lt;br /&gt;&lt;/span&gt;...and learned that buying a house is a pain in the ass. We narrowly avoided buying &lt;a href="http://www.soldbyanya.com/PropertyDetailsPage.aspx?MLSNumber=AX6709243&amp;amp;CompanyId=2"&gt;this place&lt;/a&gt;, couldn't strike a deal on &lt;a href="http://matrix.mris.com/Matrix/Public/DisplayITQPopup.aspx?iid=39&amp;amp;did=13547&amp;amp;params=2803%20OTAwMDE4NzY2MDE%29;2807%20RnVsbA%29%29&amp;amp;pbs=1&amp;amp;exk=731994225"&gt;this one&lt;/a&gt;, and have probably run up about a $400 bill on our poor realtor's gas tank along the way. Hopefully more on this one later...&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;• Started a bunch of projects&lt;br /&gt;&lt;/span&gt;Currently in the works are my first forays into AS3, Python/Django, Google AppEngine, and the iPhone SDK... No links just yet ;)&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;• Decided that blogging == FAIL&lt;br /&gt;&lt;/span&gt;This might be the point of this post. I use blogger and its gloriously obtuse API (read: I pick apart their ATOM feed) now to run this section of the site, and the process, format, time commitment, etc. aren't working out so hot, obviously. So, someday when I'm not quite so busy, I'll be converting this section to &lt;a href="http://tumblr.com/"&gt;tumblr&lt;/a&gt;, which I should have done from the get-go, as this was meant to be a collecting place for snippets and thoughts, not editorial. There is no commenting, but hey, no comment capability at all is probably more convenient than the horrible user flow you get with blogger. So, my dear &lt;a href="http://twitter.com/andreadrinkard"&gt;one reader&lt;/a&gt;, add me back to your netvibes, k? I swear I'll post something.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-3609483077069662354?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/3609483077069662354/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=3609483077069662354' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3609483077069662354'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3609483077069662354'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2008/05/blogs-are-soo-2005-wanna-tumble.html' title='Blogs are soo 2005. Wanna tumble?'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-6466081418186598013</id><published>2007-12-12T10:51:00.001-05:00</published><updated>2008-03-27T00:31:26.204-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='work habits'/><category scheme='http://www.blogger.com/atom/ns#' term='motivation'/><title type='text'>Music to make websites to: The new radio</title><content type='html'>One of the more interesting presentations I saw last year at SXSW was a panel led by Jeff Croft, Veerle Pieters, Kelsey Ruger and Bryan Veloso titled "Design workflows at work." While the substance was somewhat of a point of debate among friends and acquaintances for the rest of the day, they hit on a couple of seemingly common-sense issues that deserve actual thought and consideration, not the least of which is: What music do you listen to while working?&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Concentrating through the fire and flames&lt;/span&gt;&lt;br /&gt;I &lt;span style="font-style: italic;"&gt;love&lt;/span&gt; punk, hardcore and metal, and have for most of my life, but let's face it, Black Flag just isn't conducive to deep thought and focus, and I can't cmd+opt+shift+4 with one fist in the air. Since getting more into Web design, my musical taste has expanded in ways I never dreamed (or wanted to admit) it would. I'm now rocking (to use the term loosely) Rilo Kiley, the Shins, Jukebox the Ghost, LCD Soundsystem etc. all day at work. Cardigans and turtlenecks are sure to follow, but for now, while I can just pretend I'm 'maturing' – versus getting old and lame – I thought I'd give a rundown of a couple of my favorite ways to graze on some crunchy tunes at work.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1) The Music Genome Project, et al.&lt;br /&gt;&lt;/span&gt;You know them, and likely either love or hate them, or love one and hate all the others. Be your preference as it may, &lt;a href="http://www.pandora.com/"&gt;&lt;span style="font-weight: bold;"&gt;Pandora&lt;/span&gt;&lt;/a&gt; is the O.G. of these musical comparative intelligence databases, dubbed the music genome project. This idea has been in the works for years, but has only been fleshed out fully enough recently to be of actual use. The concept is simple, you go to a website, type in a band you like, and out streams an hours-long playlist of delicious tunes that match up with the collective intelligence of you and those who have listened before you. You can vote individual songs up or down, and it learns as it plays. Eventually, if you're like me, you stop participating in the voting process, as you find you're left with about a dozen songs that fit your criteria once you've finished hating on everything under the sun. Because of that cold reality, these are a so-so means of staying entertained in a hostile environment with no itunes.&lt;br /&gt;&lt;br /&gt;Some sites in this genre worth looking at:&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.last.fm/"&gt;&lt;span style="font-weight: bold;"&gt;Last.fm&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;This is one of the early players in the game, and they have a good interface, with lots of simple API services. For those of us who are feed-whores on our personal sites, this one will give you your most recently played tracks, top artists, albums and songs, all in RSS format, and even embed code to put your 'stations' on your site. They also let you build your personal taste profile just by listening to iTunes, with a neat little spy-app they call audioscrobbler. This is cool because you can listen to your music when you are at home, and then get similar stuff at work or wherever your music isn't. It also appears that they have videos now. On the con side, the encoding is a bit on the crap side as these things go, but most people won't be able to tell the difference on their 35-cent iPod headphones.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.pandora.com/"&gt;&lt;span style="font-weight: bold;"&gt;Pandora&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;As I said, they just about invented the technology as far as I know, and have a very slick flash player with a nice interface. They provide feeds as well, but they're not as full-featured as those at Last.fm. The musical selections are different with all of these sites, and I prefer the assumptions Pandora makes about the fact that I may have Head Automatica in my playlist over the ones that Last.fm makes (no, I don't want to listen to Good Charlotte, thanks). The audio quality here is also superior to Last.fm. All in all, if you don't want a lot of data about what you're doing on the site, this is a great player, with or without creating an account. If you do create an account, however, you have the flexibility to build your station based on multiple artists, tracks or albums, which the others don't allow to the same degree.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.finetune.com/"&gt;&lt;span style="font-weight: bold;"&gt;Finetune&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;Famous for their Wii player, Finetune was a later addition, I think. They don't let you build a multi-artist station, but rather encourage you to build playlists, a veritable online mix tape. These playlists consist of 45 or so specific songs (gasp!), a feature not allowed on any of the others. The downside is that they probably don't have the song(s) you want. Selection is a little thin here, but the artist radio is pretty good. Sound quality is about equivalent to Last.fm. The bottom line here is that this one is great for parties if you only have a Wii, and no computer hooked up to your home theater setup (quel dommage!)&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.launch.com/"&gt;&lt;span style="font-weight: bold;"&gt;Launch.com&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;Ugh, ok so I own some Yahoo! stock (it was really really cheap), so shouldn't knock it, and this site has been around since I was on a 486 PC with a 40 Meg hard drive, but something just doesn't do it for me about launch. Yahoo! needs to apply the same ingenuity they poured into Flickr to the rest of their work. 'nuff said, this one's a skip.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2) Streaming Radio—&lt;/span&gt;&lt;a href="http://woxy.lala.com/"&gt;&lt;span style="font-weight: bold;"&gt;One Station to Rule Them All&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;Ok, after throwing all that out there, I must tell you that I have saved the absolute best for last. The only thing I listen to at work anymore is actually on iTunes radio, a little station called WOXY. Born in the 70s as WOXR for Miami of Ohio students, the "future of rock and roll" has taken things online (a couple times) and is cranking out great college radio and indie tunes all day long. You should definitely listen to it, and so should everybody that you know or have ever come in contact with. Of note here are the &lt;a href="http://woxy.lala.com/music/best.php"&gt;annual 97 best albums countdown&lt;/a&gt;, which you just missed, but will be re-aired new year's day, and their lounge acts segment, on which DC hometown favs &lt;a href="http://www.jukeboxtheghost.com/"&gt;Jukebox the Ghost&lt;/a&gt; will be performing January 10th. The only downside is the 64kbps stream they broadcast in, which is totally forgivable for the quality of selection.&lt;br /&gt;&lt;br /&gt;So, what are you waiting for? Hop on over to &lt;a href="http://woxy.lala.com/"&gt;woxy.lala.com&lt;/a&gt; and start rockin!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-6466081418186598013?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/6466081418186598013/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=6466081418186598013' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/6466081418186598013'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/6466081418186598013'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2007/12/music-make-websites-to-new-radio.html' title='Music to make websites to: The new radio'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-3266195111644510611</id><published>2007-12-01T10:39:00.000-05:00</published><updated>2008-01-05T22:20:25.336-05:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Design cliches: Where do you draw the line?</title><content type='html'>Sadly, I missed Future Of Web Design this year, but I managed to catch up at least a little on some of what was discussed after the fact. One presentation I particularly enjoyed was Elliot Jay Stocks' piece on &lt;a href="http://elliotjaystocks.com/blog/archive/2007/destroy-the-web-20-look-future-of-web-design-new-york/"&gt;destroying the Web 2.0 look&lt;/a&gt;. The slides were short and sweet, but  it looks like there would have been a great discussion on the topic in person. I found myself instantly nodding my head and even wanting to add a few things to his list of clichés, namely:&lt;br /&gt;&lt;br /&gt;• Leaves in logos&lt;br /&gt;• Corner Ribbons&lt;br /&gt;• Cutesy vector ornaments&lt;br /&gt;• Anything I can tell you downloaded from DeviantArt&lt;br /&gt;&lt;br /&gt;Now, obviously as Elliot said, these are not things you should never use, you just have to use them correctly, and perhaps not in a way that everyone else already has...&lt;br /&gt;&lt;br /&gt;...And this is really what I got to wondering: There's been some interesting talk the past week or two regarding designers, developers, in-betweens, and how they all fit together. Feasibly  it's safe to assume that &lt;i&gt;all three&lt;/i&gt; of these categories of people do solo work. So what's wrong with a developer cranking out some clichéd, templated crap once in a while, and should we really jump down a designer's throat for putting up some rock band site that's more or less a  sliced .psd? The answer I'm hearing most often is &lt;i&gt;yes and no&lt;/i&gt;.&lt;br /&gt;&lt;br /&gt;Yes, we as a community should make an effort to ensure that on the whole the products that succeed are interoperable, accessible, attractive and forward-thinking, but no, it's not cut and dry. So where &lt;i&gt;do&lt;/i&gt; you draw the line?&lt;br /&gt;&lt;br /&gt;As a developer, I read &lt;a href="http://www.alistapart.com/"&gt;A list apart&lt;/a&gt; on a regular basis, I keep up with some tech blogs, dev communities and resources that interest me, and I even read &lt;a href="http://subtraction.com/"&gt;Subtraction&lt;/a&gt;, &lt;a href="http://jeffcroft.com/"&gt;Jeff Croft&lt;/a&gt; and other designers' feeds who I think really are doing things right. But I haven't seen everything out there, and sometimes I'll wrap up a project that I'm feeling real good about, only to realize that crap, some piece of my aesthetic's been done to death. There are enough people in this business now, that the million monkeys/million typewriters rule has come into play; and two or more people can end up with nearly the exact same thing by completely honest means. I realize that design isn't my strength necessarily, but I have a hard time looking at the project the same way that I did before, and as we slowly start to Web-2.0-aesthetic ourselves out of a profitable future in the industry, It's clear that innovation on all fronts is a must in order to remain relevant. Finding that due diligence point of originality can be tough, so to what ends must we go?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-3266195111644510611?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/3266195111644510611/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=3266195111644510611' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3266195111644510611'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3266195111644510611'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2007/12/design-clichs-where-do-you-draw-line.html' title='Design cliches: Where do you draw the line?'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-3150369930897372147</id><published>2007-11-19T00:50:00.000-05:00</published><updated>2007-11-19T01:55:50.167-05:00</updated><title type='text'>Hello, World! Meet Lily.</title><content type='html'>This weekend Andrea and I adopted a 3-month-old Beagle puppy. She is pretty much the cutest thing on legs...&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.flickr.com/photos/dandrinkard/2045555943/"&gt;&lt;img style="cursor: pointer; width: 320px;" src="http://farm3.static.flickr.com/2257/2045555943_2774f1a65a.jpg?v=0" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.flickr.com/photos/dandrinkard/2045549255/"&gt;&lt;img style="cursor: pointer; width: 320px;" src="http://farm3.static.flickr.com/2257/2045549255_d7fc8c23e9.jpg?v=0" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.flickr.com/photos/dandrinkard/2045539263/"&gt;&lt;img style="cursor: pointer; width: 320px;" src="http://farm3.static.flickr.com/2197/2045539263_771dbdf2e0.jpg?v=0" alt="" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-3150369930897372147?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/3150369930897372147/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=3150369930897372147' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3150369930897372147'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3150369930897372147'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2007/11/hello-world-meet-lily.html' title='Hello, World! Meet Lily.'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-421798630774843334</id><published>2007-11-01T15:49:00.000-04:00</published><updated>2007-11-02T12:02:59.186-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='development'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>VerticalFillJs: Auto-resize text to fill available space</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_E7D8fTyoVSk/RytAS7-E1qI/AAAAAAAAADU/HSVkwfZjt9Q/s1600-h/vertical_prob.gif"&gt;&lt;img style="margin:10px 10px 10px 0px; display: block; text-align: left; cursor: pointer;" src="http://bp0.blogger.com/_E7D8fTyoVSk/RytAS7-E1qI/AAAAAAAAADU/HSVkwfZjt9Q/s320/vertical_prob.gif" alt="" id="BLOGGER_PHOTO_ID_5128263294771320482" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;In designing my new site, I quickly became aware of something missing from the vast arsenal of CSS and Javascript widgets out there for general consumption; at least as far as I could tell—I needed something that would give me the ability to place variable-length text on top of a background image, as seen in the twitter feed above, and the title of this blog post (provided you're reading this on &lt;a href="http://displayawesome.com/#thoughts"&gt;my site&lt;/a&gt;, and not the blog).&lt;br /&gt;&lt;br /&gt;So, I put together &lt;a href="http://displayawesome.com/demos/verticalfill.html"&gt;VerticalFillJs&lt;/a&gt; the other day, a more refined version of what I'm running on this page. It's real easy to implement, just include &lt;a href="http://displayawesome.com/resources/js/vertical.fill.js"&gt;the script&lt;/a&gt; in the head of your document, and assign the trigger class (default: verticalFill) to any (block) element that should be resized to fill its container, and your CSS does the rest. Works with padding and margins on both affected and parent element, and tested in IE, Mozilla, WebKit and Opera—see the &lt;a href="http://displayawesome.com/demos/verticalfill.html"&gt;demo&lt;/a&gt; for more info.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-421798630774843334?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/421798630774843334/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=421798630774843334' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/421798630774843334'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/421798630774843334'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2007/11/verticalfilljs-auto-resize-text-to-fill.html' title='VerticalFillJs: Auto-resize text to fill available space'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_E7D8fTyoVSk/RytAS7-E1qI/AAAAAAAAADU/HSVkwfZjt9Q/s72-c/vertical_prob.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-3056582525614028935</id><published>2007-10-28T17:37:00.000-04:00</published><updated>2007-11-02T11:40:02.849-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='links'/><title type='text'>I love the Internet: October 2007</title><content type='html'>Ok, so we all love the intertubes, right? Wouldn't it be great if there were a way to share stuff we like so we can all enjoy each other's favorite sites? What? We already have like 2 dozen sites for that? Haven't I heard of Digg, Del.icio.us, Mixx or StumbleUpon? Yes, I have, but I have this blog, and I don't post to those sites, so here are the spots on the Web I can't get enough of this month:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_E7D8fTyoVSk/RyUCkL-http://www.blogger.com/img/gl.link.gifE1oI/AAAAAAAAADE/gUjNtgMHmuI/s1600-h/whiskeymilitia"&gt;&lt;img src="http://bp3.blogger.com/_E7D8fTyoVSk/RyUCkL-E1oI/AAAAAAAAADE/gUjNtgMHmuI/s320/whiskeymilitia" alt="" id="BLOGGER_PHOTO_ID_5126506571542877826" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;strong&gt;&lt;a href="http://www.whiskeymilitia.com/" target="_blank"&gt;Whiskey Militia&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Once upon a time, there was a subpar outdoor gear retailer called Backcountry.com. They did a lot of grey market deals on watches and other crap, and squeaked by thanks to decent sales as an Amazon retail affiliate.&lt;br /&gt;&lt;br /&gt;Then, one historic day, they realized that people liked this site called &lt;a href="http://www.woot.com/"&gt;Woot!&lt;/a&gt;. People liked Woot a lot, and they especially liked Woot-offs, selling one thing at a time until they sold out... The gears churned a few more times around, and history was made. Whiskey Militia, and sister site Steep and Cheap, also sell one item at a time. That item is cheap, and, unlike on Woot, it is probably rad. On Whiskey Militia, that item is a hoody, skate shoes, sunglasses, or even a snowboard deck. I have probably spent more money on this site than any other one place in the last couple of months...&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_E7D8fTyoVSk/RyVUlb-E1pI/AAAAAAAAADM/HhZnH1Vve5w/s1600-h/ask500.jpg"&gt;&lt;img src="http://bp0.blogger.com/_E7D8fTyoVSk/RyVUlb-E1pI/AAAAAAAAADM/HhZnH1Vve5w/s320/ask500.jpg" alt="" id="BLOGGER_PHOTO_ID_5126596752971191954" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;strong&gt;&lt;a href="http://www.ask500people.com/"&gt;Ask500people&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Recently launched by the good people at &lt;a href="http://www.wondermill.com/"&gt;Wondermill&lt;/a&gt;, this is the "Everybody Votes" Wii channel on the platform nearest you. Think of it as a free focus group, the answer to your drunken bar bet, advice on what shoes to buy... if you can think of it, people will answer you. Watch for this site to absolutely explode in the very near future.&lt;br /&gt;&lt;br /&gt;Welp, that's it for now, see you next month!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-3056582525614028935?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/3056582525614028935/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=3056582525614028935' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3056582525614028935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/3056582525614028935'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2007/10/internet-addictions-october-2007.html' title='I love the Internet: October 2007'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/_E7D8fTyoVSk/RyUCkL-E1oI/AAAAAAAAADE/gUjNtgMHmuI/s72-c/whiskeymilitia' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-4032206179804241898.post-292649330581601709</id><published>2007-10-25T08:28:00.000-04:00</published><updated>2007-10-25T20:58:15.341-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><category scheme='http://www.blogger.com/atom/ns#' term='motivation'/><title type='text'>Is that a crackhead? No, sweetie, that's a Web designer. Now stay close to mommy...</title><content type='html'>&lt;a href="http://www.toothpastefordinner.com/"&gt;&lt;img alt="Toothpaste For Dinner" src="http://www.toothpastefordinner.com/021707/feel-like-crap.gif" width="412" height="378" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.toothpastefordinner.com/"&gt;toothpastefordinner.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Something occurred to me as I was standing groggy-eyed in the line at Rite-Aid this morning to buy Visine and Vitamin Energy for the day ahead, racking my brain to come up with the word "credit" to describe the thing I was handing the cashier: &lt;i&gt;At this rate, there's no way I'm going to live to see age 50&lt;/i&gt;. As of Thursday morning this week I have slept for a combined total of 13 hours, worked on one thing or another for 49 hours, and consumed about 120 ounces of coffee/energy drink. I still manage to keep my car inside the lines on the way to work, but clearly something's got to give.&lt;br /&gt;&lt;br /&gt;I don't know the numbers, but I'd be interested to see what percentage of Web workers suffer from some form of job-related physiological malaise—hypertension, high blood pressure, or even TMD/mandibular arthritis from subconsciously clenching their teeth at night. Based on A List Apart's &lt;a href="http://www.google.com/url?sa=t&amp;amp;ct=res&amp;amp;cd=1&amp;amp;url=http%3A%2F%2Fwww.alistapart.com%2Farticles%2F2007surveyresults&amp;amp;ei=yNogR8vIGIjoeZyStLIC&amp;usg=AFQjCNEgisHny5SEg0DQoo4s5KK2Mi-Qfg&amp;amp;sig2=898kLGaOYRkAPpfxOimBAw"&gt; 2007 survey of the Web Industry&lt;/a&gt;, 65% of Web workers spend between 30 and 50 hours at their regular jobs, and 72% have their own blog, so I'd be willing to bet there are quite a few of us out there coming home from our paid jobs to a plethora of other self-motivated work, funded or otherwise. So what drives designers/developers to do this to themselves? I'm gonna throw a few of my own reasons out there, and maybe somebody else will chime in with theirs:&lt;br /&gt;&lt;br /&gt;&lt;span&gt;&lt;strong&gt;1) Overwhelming desire to create!&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;Cliche or not, this is a huge factor where free time is concerned. Everybody's got ideas, and like it or not, somebody out there has &lt;span&gt;&lt;i&gt;your&lt;/i&gt;&lt;/span&gt; ideas—it's only a matter of time before someone else does it faster and better than you would have. What's worse, you don't even have to be better these days to become the next craptacular Myspace or Kodakgallery.com&lt;br /&gt;&lt;br /&gt;&lt;span&gt;&lt;strong&gt;2) Upward ambition&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;Whoa, hold the phone! People want... to improve... their &lt;i&gt;lives&lt;/i&gt;? Building a deep and polished portfolio is the key to developing professionally, and ultimately, landing a better job (though chatting idly on a blog is fast becoming a close second). The more work you do, the more you have to offer as a designer or developer, and if you're crazy enough, you can do an awful lot in a short amount of time.&lt;br /&gt;&lt;br /&gt;&lt;span&gt;&lt;strong&gt;3) Fear of obsolescence&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;I recently had the occasion to give some "advice" to the son of my wife's co-worker who is interested in getting into Web design. He showed me his portfolio—mostly flash work, crudely designed but well intentioned—and I gave him some pointers on Photoshop tricks and frame rates.  I think I can safely say that I got more out of the experience than he did (sorry dude). It is scary to think that sophomores in high school know more about ActionScript today than I did my senior year of college, and while I welcome the incredible advancement in Web technology that will surely result from these kids pouring into the job market, I refuse to be left in their dust ;)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4032206179804241898-292649330581601709?l=displayawesome.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://displayawesome.blogspot.com/feeds/292649330581601709/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=4032206179804241898&amp;postID=292649330581601709' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/292649330581601709'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4032206179804241898/posts/default/292649330581601709'/><link rel='alternate' type='text/html' href='http://displayawesome.blogspot.com/2007/10/is-that-crackhead-no-sweetie-thats-web.html' title='Is that a crackhead? No, sweetie, that&apos;s a Web designer. Now stay close to mommy...'/><author><name>Dan Drinkard</name><uri>http://www.blogger.com/profile/09034465857304911484</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry></feed>
