A Place For Me to Share Some Code

Posted: July 11th, 2008

I’ve been pretty busy lately doing web development work as part of my daily job. When I started up again a few years back I had just some experience in html and photoshop. Now I’ve expanded to a good working knowledge of php, css and javascript, building some really cool apps I’ve actually deployed internally to high praise. Of course, you’ll never see these apps since they’re “confidential” but the underlying code took a lot of work, a lot of research, and I’m really proud of it.

Screenshot of code.lawpower.net websiteSo a few months ago I launched code.lawpower.net, a site designed around the spirit of sharing code. I’ve worked really hard to find stuff on the web that will allow me to do certain things on a website. I’m hoping that you’ll find some of my code useful, or maybe give you an idea to write even better code.

Each post is written in a problem/solution format. What problem was I facing which required some fresh code, and how did I come to a solution to solve it. I’ll always have a live demo available so you can see the code in action, as well as downloadable source code for you to play with. I think this is a great way for me to give back to the web community which I’ve borrowed so much code from.

No Comments »

Rollerhome – Where Rollerbladers Live

Posted: May 26th, 2007

sequencemag.comFor years I was the man behind the most popular rollerblading website, Sequencemag. The
background behind the name Sequence was that I was never able to find good sequence shots of tricks in magazines. I wanted to know what the trick was like from start to finish, not just a fool hanging in the air or standing on a rail. This was back in 1995 or so.

Sequence tapered off and I lost the passion. The messageboard continued to thrive but since I was living in Orange County now, it was more difficult to get excited about rollerblading. I mean, clthat’s all I was doing at the time. Skating with the pros, judging competitions and staring as the fifty-50.com website day in and day out. It can really take a toll on you.

A few years ago I moved back to the Bay Area and met up with an old friend Jeff Sawyer. Jeff and I used to skate back when I lived in San Jose in 1997 or so. I think I actually met him through Sequence’s messageboard, believe it or not. Jeff was really into geeky stuff as well so we got along great. So when I moved back to town I looked him up and we started talking again.

By now, Jeff had started his own skating site, havenskate.com. It’s been around for a few years and has a pretty good following of regulars. We had lunch one day and brainstormed some ideas for havenskate, some new ways we could take the site which wasn’t being done anywhere else. Jeff is a badass at php backends and making sites work, and with me being a pretty boy designer we make a great team.

Fifty-50.com previous designSee, I don’t know what it is, but most rollerblading sites are poorly designed. I don’t get it, we have such creative people in the industry making the coolest products, logos, ads etc, but they think it’s good enough to slap some photoshop file online with frames and tables and image text and call it a day. Otherwise, it’s this crazy elaborate Flash website with blinking lights and spaceship sounds. That’s not how it’s done.

I have another good friend named Naoya Wada. He and I were web design buddies back in the days. I think I got him his start, lit the match which got him into the game. Now he’s a crazy web designer doing stuff I could only dream of. Anyway, he and I met up a few years ago and talked about the state of rollerblading websites, and how crap they are. He helped me get back into the game and designed the last fifty-50.com site, quite possibly the first CSS based website in the industry. Sad that it took that long.

Rollerhome.comThe point of this randomness is this. Jeff and I finally decided that after all our brainstorming, there was a need for something new. There’s a lot of crap out there and Rollerhome will bring the pain. Call it Sequence 2.0 if you like. We’re tired of messageboards and blogs getting all the traffic, bringing skaters in for a quick hit and dumping them out. There needs to be a place for skaters to live.

Here’s what we’re bringing to the table:

  • RSS feeds for everything imaginable: forum posts, private messages, articles, searches, etc (you know what rss is right?)
  • Real articles we actually write ourselves: product reviews, history, video premieres
  • Interactive forums that are easy to read: not to mention searchable and subscribable (is that a word?)
  • Exclusive video edits from events: hosted on our server, not a link from youtube
  • Fully compliant html/css for those who care: works on a mobile phone, try that at other sites
  • Clean design so you can actually read the pages: maybe I’m old, but I like to read things
  • Live in browser chat pictures and everything: no more irc or laggy java, this actually works
  • Integrated skate spot finder for learning where to skate: partnering with fifty-50.com for more spots
  • Individual Profiles with private messages, image hosting, friends list etc: a myspace for rolling, without all the crap

That’s just stuff we’ll have at launch. We have a ton of great features coming down the pike I’m sure you’ll like. And of course, we’re listening closely to what you have to say. We don’t have all the answers but we have a good idea what works and what doesn’t. If you want something changed or added, we’re going to listen.

Rollerhome should be online June 1st, unless something happens between now and then. I hope you’ll take a look, sign up for an account and give it a spin. I think you’ll like it.

2 Comments »

Coda web dev app from Panic – First Impressions

Posted: April 29th, 2007

Was really impressed with this new app and thought I’d share my 2 cents for anyone interested.

Coda homepageCoda was released last week by Panic, makers of killer ftp client Transmit and usenet app Unison. The goal of Coda is to combine your web development workflow into one app; coding your html, designing your CSS, previewing in webkit, bugfixing your javascript and transferring files. It does this quite well with a very polished interface which actually makes me excited to develop.

http://www.panic.com/coda/

You can take a look at the official site to get an overview of the app, I’m not going to go through that there. They explain it much better than I ever could anyway. I will however list a few goods and a few bads for anyone interested.

The goods:
Coda 3 pane Real pretty interface which is easy to use. to me, having a pretty app makes me enjoy using it. I’ve used BBEdit for years and switched to TextMate just a few months ago for my text editing. They’re both very bland and, well, texty. Coda just looks pretty. Little example, when clicking on the open bracket to some php function, the closing bracket will emit a little blue circle so you know where the function ends. Fun.

Uses webkit to allow live previewing of a page you’re creating. This really helps when in the preliminary page development, tweaking the CSS a bit to make it look right, changing font sizes or margins, etc. Sure you can do this with a web browser side by side with a text editor hitting refresh every time you make a change, but it’s much nicer to see it live. I will still launch Opera and Firefox to test compatability, as well as IE in parallels, but for the first run at development this is great.

SitesAllows you to set up multiple sites with multiple local file locations, server login info, etc. This really helps when you’re managing a few sites at a time on different servers. While you’re working on a site, you can have multiple pages open at once, and when you close Coda for the day then start up again tomorrow, it’ll remember what pages you had open. Little things to help speed up my workflow.

The bads:
Unless I’m not looking hard enough, I can’t figure out a good solution for supporting php files locally. I’d like to preview the changes I make but it always comes up
as text in Preview mode unless I’m editing on the server. That would be fine, but then I need to have the server version of the file automatically sync with the local version of the file after a change is made, which I don’t think is happening now.

Issues with CSS which use @import to link to a master css file, which I believe most designers do. When I try to edit the css of the page selected, I get a “This file does not contain any defined CSS styles” error unless the CSS is actually in the page. Ideally, it would look for the @import on the page and bring up that file for editing.

Uploading files from nested directories always go to the root of the site. For example, I have a Local and Remote connection with matching files and folders. When I upload something from my /img/logo folder on my Local drive, it goes to / on the server. This is a big problem which I’m sure they’ll fix, but it’s been bugging me this weekend.

All in all, I think a great first effort. I paid my $69 just now after a weekend of testing it, though there is a 14 day trial is you’re interested. I’ll still keep using Textmate and Transmit for a few things, but I’m looking forward to using Coda for any web development in the future.

No Comments »

Received My Wii Component Cables Today. What a Difference the Right Cables Make!

Posted: December 3rd, 2006

Update: Amazon has a bunch of options for component cables now, starting at $13 if you’re on a budget.

Note: Order through this link and I get a few bucks. If you like this post, it’s a good way to say thanks.

I have a Panasonic 42″ Plasma TV and while it’s only EDTV (720 x 480 pixels) it sure looks great when viewing HDTV content or DVDs. When I got my Wii at launch they didn’t have any component cables in stock so I was stuck running it with the ghetto yellow composite video cable with an S Video adapter at Standard Definition (360 x 240 pixels I think). The day I brought the Wii home I went online and ordered the cables from Nintendo.com, but they were backordered until the end of November.

My cables showed up today, UPS Express from NOA in Seattle. The wait is over. Honestly, I can’t believe I put up with the crappy composite video signal for so long. The Wii looks great, all the text is legible and the textures are more detailed than ever. Take a look at some pictures for reference. I used a tripod and shot the screen with a digital camera. The pictures don’t really do it justice, but you’ll get the idea.

Mouseover to change image from Composite to Component. Click to bring up each image side by side in full res.



The main screen is crisp and inviting, rather than blurry and dull.



The background is nice and clear.



The colors on this screen really pop now.



I look a bit jaggy, but it’s better than blurry



The detail in the pins is nice and defined. The wood looks newly waxed!

If you haven’t ordered them already, don’t wait any longer, it’s well worth the $30. I’d go with Nintendo’s online store rather than waiting at shop, they’re shipping now and will get them to you real quick. Amazon is the best place to buy them, starting at $13 and in stock.

Update: In case you’re interested in a good “Got my Wii by getting up at the crack of down” story, check out my post with pictures from that cold morning.

43 Comments »

Waiting for the Wii

Posted: November 20th, 2006

Wii promo photoIt almost didn’t happen, and probably shouldn’t have happened, but I was lucky enough to get my hands on a Nintendo Wii the day it came out. There were a very limited quantity shipped to the US, eBay auctions are currently at $500+ for these $250 consoles, so you can see the demand is high.

I planned on getting up early and waiting in line at my local Target. I read that they would be getting 50 or so units and that would probably be enough for the first rush. If not Target, there’s a Best Buy on the way that will probably have even more available. I remember getting in line for the original Xbox and the Gamecube back in 2001. I got there a few hours before the store opened and having no problem getting one, so this shouldn’t be much different.

With that in mind, I set my Nintendo DS to wake me at 5:30 so I could get there at 6:00. Unfortunately, I forgot to change the time on my DS when it changed last month, so 5:30 turned into 4:30. Of course I didn’t realize this until that morning, so I figured it’s best I just start lining up early rather than trying to go back to sleep. I’m so glad I did.

Drove past the Best Buy around 4:45 and there was a good line or 40 or so people and a few tents near the front. I expected that, Best Buy is more of a specialized store and probably will have more units available. Pulled up to the Target and I see a similar scene, 40 or so people as well as few tents. I wasn’t expecting that many people here. Best Buy is looking more attractive, so I head back.

Arrived at Best Buy at 5:00 on the dot. The guy in front of me had been there since 4:30 and said he was the 38th in line. Someone in the front of the line had started a list to avoid people sneaking in and taking people’s spots. Was a great idea considering the debacle that was the PS3 launch. I put my name on the list and it turns out I’m number 44, there were some people who were missed on the original list. No problem though, if Target is getting 50+, I should have no problem at a Best Buy, right?

People kept trickling in all morning and we got to meet our neighbors in line. Standing in line in the cold fog before dawn brings out some random conversations. We talked about everything from finance to college, even some gaming, imagine that. Around 6:00 we made a Starbucks run and kept our spaces in line for multiple bathroom trips to the Safeway across the street. That was a fun experience. It really helped to have people to talk with when the fog rolled in and made things extra cold.

Line in front of the building at 6am
The line in front of the store at 6am

Line on my side of the Building at 6am
The line on the side where I was standing

The rumor was that Best Buy was getting at least 70 consoles. This came from a guy behind us who called the day before and spoke with an employee, pretty realistic I’d think. We wouldn’t know until 8:00 though when they handed out numbered vouchers which guaranteed you would get one at 9:00 when they opened. I had actually thought they were opening at 8:00, so another lucky messup on my part.

So 7:45 rolled around and the line got condenced. Tents were removed and chairs were put in cars. The moment we were waiting for has almost arrived. There were a good 100+ people in line by now, some of which will be going home empty handed. But they’ve got to have more than Target right?

Here's the front of the building at 7:45
Here’s the front of the building at 7:45

The line behind me at 7:30
The line behind me at 7:30. None of these people got one but nobody knew that at this time.

At 8:00 a Best Buy representative came out with team to announce the tickets would be issued. There were only 45 consoles, 45!! Seeing that I was 44th in line, and had no visibility to the front of the store and any “inflation” that might have happened to the list, things weren’t looking good for me. Things definitely weren’t looking good for the people behind me.

As the tickets were being handed out, we walked toward the front of the line in anticipation. Trying to count the number of tickets in hand as they were distributed one by one. Please, I hope I didn’t stand outside a Best Buy for 3 hours at 5am for nothing.

I got lucky. I was ticket number 43. I guess someone dropped out or maybe the list was wrong. My whole group got ours, all the way up to the guy who said there would be 70. Finally I can go to the car and warm up, get some breakfast, and relax. the wait was over.

These happy people were the lucky 45 to get a Wii
These happy people were the lucky 45 to get a Wii

These unhappy people didn't
These unhappy people didn’t

They let us into the store at 9:00 and had an area set up for us to pick up accessories and our console. While this was a bit of a cluster, I got everything I came for; the console, a second controller and a copy of Zelda. I’ll still need the component cable to hook it up to my plasma, but I knew that wasn’t available at launch.

I stumbled home at 9:40 and dropped off everything in the living room. I heard my wife say “What the hell happened to you” from the bedroom and proceded to give her to full rundown from DS alarm mishap to number 43. We had breakfast then set up the system, and proceeded to have a blast playing it. Well worth the adventure it took.

My Wii Ticket, number 43 of 45
My Wii Ticket, number 43 of 45

The distribution of the 45 Wiis
The distribution of the 45 Wiis

Update: Went by Target today and found that they received 51 consoles. Who would have thought Target would get more than Best Buy?

4 Comments »