Arena.net

While I don’t work on the team responsible for the Arena.net site I help out all over the company wherever I can. When it was decided that the old site needed to be updated I got the call. After some discussions around what exactly the site should encompass it came down to wanting to have the site be an aggregator of updates by arena.net on various different services.

Here’s the rundown:

I certainly wasn’t looking forward to building parsers for the multiple different feed types that entails, but YQL came along and saved the day again. I only had to do simple things manually like make sure that Twitter links & @username replies were properly wrappped in <a> tags. To keep from bashing on YQL every time the page is loaded it stores the transformed results of the updates for an hour in a local APC cache. This provided the best of both worlds and made caching super-easy.

The site itself was built using YUI grids, YUI 3b1, and DD_belatedPNG to solve transparent PNG issues in IE6. It’s also using my favorite new PHP framework, Nice Dog. It’s a nano framework (about 100 lines) that is more of a VC than MVC. For a site like Arena.net it’s perfect as there’s no need for models. I could’ve plugged in an ORM to make it the full stack but when getting all your data is as simple as

apc_fetch($key);

the need to build a “proper” MVC site kinda isn’t there any longer.

PatCavit.com

Sunday morning I had a few too many skittles after waking up and decided I wanted to build an actual landing page on patcavit.com

So then I started on it, I had grand plans. There were even icons that I was going to grab from… somewhere. That part of it was rather poorly planned. After doing the basic layout I spent about an hour trying to find the right icons. Eventually I threw up my hands and just dropped the whole idea.

Here’s what I’d planned for it to look like:
052520091392.jpg

Notice my awesome hand-drawn icons… :(

Today I was feeling more up for a challenge though. I did some reading and decided to use YQL thanks to Chris Heilmann’s screencast illustrating how he used it to pull multiple sources of data together. After deciding to just ditch the icons I picked a few colors for the top-level sections instead, and here’s what I came up with.

patcavit.com.png

I like it well enough. Still wish I could’ve found icons I was happy with.

Xbox Live Friends 1.3

In a fit of inspiration I’ve updated the xbox live friends gadget with offline friends and hopefully taken care of the phantom friend problem in a more thorough way. Also went ahead and added a refresh button because two minutes is apparently too much time for some people to wait.

Pictures!

You know what time it is!

Download the gadget

Sites I read that are worth checking out

This is gonna be a long one, so watch out. I’ve been collecting feeds of people who I consider to have really worthwhile things to say about my chosen career (web development, for the people who don’t know that about me already). I’ve got quite a list, and since I’m of the opinion that sharing is caring I will be providing a huge list of links to sites that I think are awesome and deserve your attention.

I make no claims that this list is authoritative, in fact I’d love feedback pointing out really smart people I missed. I read a lot of feeds but none are more dear to me than the ones contained with my “development” folder. Adding new items to it is a joy each and every time.

  • Usability/Design

    • 456 Berea Street, full text rss icon

      Roger Johansson does a great job of covering usability issues on the web.

    • 90 Percent of Everything: Usability Blog rss icon

      Harry Brignull and Andy Baker cover usability design both on the web and in client apps.

    • flow|state rss icon

      Usability fascinates me, and this is one of the best usability blogs I’ve ever seen. Updates are infrequent, but always incredibly insightful.

    • Looks Good Works Well rss icon

      Bill Scott left Yahoo! for Netflix but we won’t hold it against him. His UI design comments are fantastic.

    • Theresaneil’s Weblog rss icon

      Another really fantastic UI blog. I wish there were a lot more done this well.

  • Web Development

    • A List Apart rss icon

      Great writers and a ton of content makes this a great resource. Doesn’t update that often, but always great content.

    • Bite Size Standards rss icon

      Tiny little nuggets of web knowledge, updates infrequently but with useful info.

    • Ajaxian rss icon

      Ajaxian’s great about updating with the newest and greatest javascript libraries and techniques.

    • Bartelme Design – Journal rss icon

      Small Design firm based out of Austria that posts nice wallpapers and some decent articles every now and then.

    • CSS Help Pile rss icon

      Monster collection of CSS tips and tricks, always a nice reference to have around.

    • CSS, JavaScript and XHTML Explained rss icon

      Browser quirks, CSS techniques, all sorts of stuff. Updated rarely.

    • DOM Scripting Task Force rss icon

      Unofficial group dedicated to promoting good Javascript, I can get behind that goal.

    • Douglas Crockford’s The Department of Style rss icon

      Crockford discovered JSON and writes great articles about Javascript best practices. Also see javascript.crockford.com and JSLint.com.

    • Dustin Diaz rss icon

      A Googler (we won’t hold it against him) yet he still loves YUI (yay!). Produces a lot of really interesting code snippets.

    • Fiftyfoureleven.com rss icon

      Mike Papageorge runs this general web developer resource/weblog. Good stuff though getting a little stale.

    • Firebug – Web Development Evolved rss icon

      Firebug development blog, updates almost never but good to have a subscription to in case it does.

    • Foo Hack rss icon

      Isaac Schlueter is a fellow Yahoo! and writes some fantastic pieces about web development.

    • Garrett Dimon rss icon

      Garrett Dimon’s weblog is wonderfully minimal, yet still provides really great insights into the development process.

    • HedgerWow`s Blog rss icon

      I worked with Hedger last summer, he’s a true mad scientist in the world of web developers. Seriously, I have no idea how he comes up with most of this but it’s insane and amazing.

    • If..Else Log rss icon

      Only occasionally development related, but still a good read.

    • JoeHewitt.com rss icon

      Joe created Firebug, so you know he’s pretty damn smart. Too bad his site appears to be unloved these days. Staying subscribed just in case!

    • John Resig rss icon

      Author of JQuery and an all-around Javascript genius, I love reading about John’s continuing adventures.

    • Johnnie Manzari rss icon

      Interesting observations about the web, definitely worth checking out.

    • Julien Lecomte’s Blog rss icon

      Julien’s the author of the YUI compressor and consistenly posts things you should be reading.

    • Matt Snider JavaScript Resource rss icon

      Matt Snider does a great job of breaking down JS and investigating all the 8 bajillion frameworks floating around these days.

    • Nate Koechley’s Blog rss icon

      One of the main YUI guys, Nate’s super smart and consistently posts interesting stuff. Not always web dev related, but always worth checking out.

    • Particletree RSS Digest rss icon

      Great articles, wish they’d start updating again a bit more regularly.

    • Pete Freitag’s Homepage rss icon

      Pete’s a Cold Fusion guy but still posts things that apply to web dev in general.

    • Ryan on WordPress rss icon

      I like WordPress an awful lot, so keeping tabs on its development is a good idea.

    • Schillmania: DHTML and other client-side experiments rss icon

      Scott Schiller is a web dev genius. I have no idea how he’s so good at what he does, I wish I did. He’s at Flickr now, before that he worked on the really impressive new Y! Photos that was canned.

    • Simon Willison’s Weblog Entries rss icon

      Django co-creator, Simon also writes a lot about OpenID.

    • SitePoint.com rss icon

      Lots of good articles to be found here.

    • snook.ca rss icon

      Lots of PHP talk, it’s good stuff.

    • Solution Watch rss icon

      Features new websites that do things well. Good for keeping up with the current state of web dev.

    • Vitamin Master Feed rss icon

      Vitamin is kind of like A List Apart, another big group of contributors writing amazing articles.

    • WordPress Development Blog rss icon

      Keeping tabs on WP development, even if I don’t have my hands into the guts as much as I used to.

  • General Development

    • Coding Horror rss icon

      Jeff Atwood’s posts are always well thought out and engaging, I love his blog.

    • Joel on Software rss icon

      Joel Spolsky writes about software development from a very pratical place, having done quite a lot of it himself.

    • Programmer’s Notepad rss icon

      Programmer’s Notepad rocks my world. I use it every day and love it to pieces. Keeping up with releases via a feed is tops.

    • Rasmus’ Toys Page rss icon

      Rasmus is really, really smart. Not surprising, given that he wrote a bunch of PHP (the language itself, not just PHP code). He’s another Yahoo! as well.

    • StickBlog rss icon

      Lots of good development tips to be found, as well as general programming talk.

    • untidy blog » PN rss icon

      Programmer’s Notepad author’s personal blog. The feed is just for the PN category, because that’s the programming related stuff!

And just in case you made it to the end of that huge list, here’s a link to everything I read on a not-at-all daily basis. It’s a little ridiculous. My Feeds.

Senior Project

I’ve tossed a copy of my senior project up at http://patcavit.com/dev/classfinder/, a quick inspection makes it look like it’s working fine but I can’t say for sure.

For those that don’t know this is an attempt to make the Classfinder tool at Western Washington University not only easier to use but also cleaner and faster with more emphasis on getting out of the way. To that end it has a few features that the original Classfinder doesn’t have, including a freeform search box that will guess what you searched for and dynamic scratchsheet handling. You can add classes instantly without having to go to a seperate page. No screenshots for now.

It’s not the prettiest thing out there but it’s very functional and tries to take better advantage of screen real-estate than the previous Classfinder. I’m pretty happy with how it turned out overall.