Web Design and Coding

Designing and building web sites has been the core of my work for some time now. I've built sites with PHP, MySql, CSS, SSI, Javascript and have expert level skills in Flash, Photoshop, Dreamweaver and Homesite, Here are a few examples.

Please click on the images to view.

San Jose Mercury News real estate blogSan Jose Mercury News real estate blog

I designed square Feet, the real estate blog of the San Jose Mercury News. This table-less design uses CSS for the mark-up and is based on a Movable Type back-end.

Highlight: One reason this job was so satisfying was working with the Movable Type tags that bring in the dynamic content. After creating the graphic design and then marking up the code for it I tweaked some the MT tags to include a list of the last three posts from each of the blog's authors in their current post.

From the template of this blog they created other new blogs including their World Cup blog and a blog for ZeroOne, an art festival in San Jose.

Lombardi DesignsLombardi Designs

These screen shots show the splash screen, menu and a furniture example page for Lombardi Designs. Paul Lombardi makes some of the most beautiful, one-of-a-kind furniture in the world. It was honor to build his site for him. I tried to keep this site simple and elegant because when you have such great material to work with I think the best thing I can do as a designer is to get out of the way, the pieces really sell themselves.

Highlight: By using Flash for this site I was able to give people a choice in how they browse the pieces in the current collection; they can view them one at a time or in a revolving slide show.

 

 

Conexions.orgConexions

A new effort composed of teams associated with the Foundation for Global Community. They are still in the developmental stages of their organization, yet still wanted a presence on the web. This clean, simple design is meant to allow them to introduce themselves to the world while they still in the developing stages. Expect big things and much more content from them in the future.

Highlight: There wasn't much copy and only a couple of graphicsl to work with when I was given this job (they since expanded their site), so my main goal was to to make Conexions look professional and elegant given the lack of material. It worked.

 

 

The Foundation for Global Community

Their original site was aging but robust in content. By rebuilding it from the ground up with CSS, SSI and some good planning I was able to simplify it’s structure drastically while at the same time adding numerous features it didn't’t have before.

Highlights:
• In the process of redesigning this site I took it down from 1,500 files total to around 900.
• Added CSS styling for all elements.
• Had all pages refer to the same three menus. Changes were simple to make and were reflected throughout the site.
• The calendar uses CSS to differentiate between events and uses SSI to mark the current day with a yellow highlight.
• Shopping, event ticketing and donation capability throughout the site using the Americart system.



Foundation for Global Community

 

Children and NatureChildren and Nature

One of my favorite designs for a number of reasons, the most important being helping the effort to prepare a new generation of stewards for our natural world.

Highlight: Creating a look that helps capture the sense of wonder and wanderlust that we all had as kids.


 

Getting Going Growing

Getting Going Growing was a challenge, not so much because of design issues since the site is only used by people familiar with the program. Rather the challenge was on the back end.

Highlight: Using  MySQL database and PHP this site allowed schools to request materials and/or professional help for their school's gardens. It also allowed landscape and garden professionals to sign up to volunteer their time or materials. The end effect was a better way to match schools with materials/services.

 

 

istoryteller.netistoryteller.net

Eugene Louie is an award-winning photojournalist who also happens to have a big heart. I built this site for him after we had a chance meeting. Karma!

Highlight: Working with Eugene and coming up with a design that keeps the attention and focus on his great photography.

 

Jessie WengJessie Weng

Jessie is a friend of mine who needed a site. I received a lot of compliments on this subtle design.

Highlight: I most liked the mouse-overs of the homepage that I thought were classy but not too glitzy.

Unfortunately she has since returned to Taiwan. But you can browse a mirror-site on bumpercars.com by clicking the image.


 

Photoshop skills

Here's a simple example of my Photoshop work. Lombardi Designs of Idaho asked me to retouch a photo (on left) to show off the table more. I took out light switches, clock, door knobs, one of the cactus' shadows and the large window. For a laugh I dropped in a picture of my motorcycle, but the image for Lombardi Designs kept a blank wall.
(I should probably add that since this was an illustration I had no qualms with this editing. But any photos in the photo section are genuine unless noted)

jason, jason ables, Jo. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike jason, jason ables, j. ables, j. l. ables, jason lee ables, ables, flash, flash mx, flash mx2004, flash 8, flash 5, surfing, surf, surfer, surfboard, wave, waves, photography, photo, html, web design, journalism, story, mini, cooper, austin, shockwave, car, tibet, santa cruz, windsurf, wind, saling, sail, guitar, japan, kyoto, los gatos, creek, creek trail, bicycle, bikes, bike