Technical Skills

Primary strengths: Can hand-code (without WYSIWYG editors) lean, clean, standards-compliant, cross-browser compatible, semantically rich, accessible (upgrading from ) coupled with highly effective and advanced usage, including CSS3, responsive web design and /SASS, generally utilizing my own customized version of . Also work with WordPress, slicing PSDs, ( generally used now though for more unobtrusive scripting), , and , //@font-face, some , some , etc. Experience in the past with , , and .

HTML/CSS/jQuery Skills:

Have recently attended Meetups on Node.js and Twitter Bootstrap. Recently presented on HTML5 and jQuery Selectors.

Work History:

In addition to my own freelance projects I have worked contract assignments at the following companies and design agencies over the years:

Acted as technical reviewer on Packt Publishing's Building Impressive Presentations with Impress.js.

Portfolio

This portfolio showcases some of the sites I have worked on over the last several years. While I have had some involvement with the design elements on many of these sites the emphasis here is on professional quality development and coding practices. Click on any thumbnail to view, in Shadowbox form, more about my involvement with each project, each of which utilized a different combination of skills. Within the Shadowbox gallery clicking on the larger image of the site will take you to the site.

Western Psychological Services

2013

Helped WPS' publishing division transfer psychological tests and assessments from the traditional paper format to an online format. Utilized HTML5, advanced CSS (including CSS3 and LESS CSS), and heavy jQuery/JavaScript in a Microsoft Visual Studio environment. The work I did on this project is behind a login wall. Please contact me if you are interested in seeing code samples from this project.

Bee Ladies Honey

2013

Designer and web developer on this project. Coded in HTML5 and used advanced CSS and a responsive layout. Uses arctext.js on the H1 element and @font-face, including special font characters. Also uses CSS3 multiple backgrounds.

Local.com Corporate

2010

Lead front end developer on the overhaul of Local.com's corporate site. Early usage of HTML5 and CSS3 and responsive web design. jQuery also used extensively.

Brian Leatart

2012

Lead web developer on this project. Coded in HTML5 and used advanced CSS.

TDS Vaults

2012

Lead web developer on this project. Coded in HTML5 and used advanced CSS and jQuery as well.

Duffy Boats

2007

Helped with the menus, resolved a Flash/HTML conflict, managed content updates and more.

Axcent Solutions

2004

Did extensive work on a template that Axcent had bought for their company to get it to work for their purposes. Site is defunct now but I salvaged enough for a screen grab.

Specific Media

2009

Intermittent assignment involving some CSS corrections (solved some cross-browser compatibility issues), some content updates, and some JavaScript/jQuery and PHP work. Created HTML e-mails and microsites.

Mangosteen Replica

2008

Simple site set up for an acquaintance. Valid XHTML; helped with e-commerce setup. Company did not last long but site has been archived here.

The Muller Company

2007

Created XHTML/CSS layout from PhotoShop mockups. Some Flash work as well.

Orange County Mexican Restaurants Blog

2005 - Present

Started out with out-of-the-box Blogger.com template but have customized it extensively since then using front end web development skills. jQuery has been utilized a number of times, including:

  • Lavalamp effect in navigation
  • Table sorter on Table of Contents entry
  • Scrolling effect on Help Panel

Los Angeles County Mexican Restaurants Blog

2008 - Present

Started out with out-of-the-box Blogger.com template but have customized it extensively since then using front end web development skills, including jQuery tablesorter, sIFR effects, etc.

United States Mexican Restaurants

2009

Uses Blueprint CSS layout grid. Has a customized Yahoo! Boss search engine.

Signature Homes

2007

  • Performed extensive site revamp
  • sIFR fonts on level 2 headers

Viking Roofing

2005

Developed entire site for roofing company based on template they purchased. Clean XHTML, effective CSS usage, siFR effects on headers and other elements. Current site has been altered by others but my version is available in archive form.

Gateway

2005-2006

Helped migrate gateway.com website to a new CMS (Interwoven TeamSite) and did substantial HTML cleanup in the process.

African Club

1999

Early use (1999) of CSS properties such as positioning, z-index, link hover effects, etc.

Randy Fong, DDS

2006

Simple site for my dentist. Utilizes print and handheld style sheets. (Design recently updated.)

The Hobbit Restaurant

2007

Helped with the CSS menu and some other HTML-related issues.

Zen Garden

2002

This was something I put together to submit to the CSS Zen Garden site. The design's a little clunky but the CSS is masterful, especially considering it's from 2002.

Maguire Properties

2007

Extensive content updates and some CSS work.

Lilly Diabetes

2008
  • sIFR font on front page
  • Created complete pixel-perfect XHTML/CSS layout for entire large scale site from PhotoShop mockups
  • Some jQuery usage
  • Innovative CSS usage

Acclaim Technical

2008 - 2009
  • Innovative CSS usage
  • Effective use of print style sheets
  • Pixel-perfect PSD to XHTML conversion

TCC Notary

2008
  • Hand-coded, Valid XHTML 1.0 Strict (Check Now)
  • CSS-based layout, not table-based
  • TABLE tag used properly (for presenting tabular data, not for page layout; yes, there is a proper use for the TABLE tag)
  • Utilizes advanced CSS (including child and sibling selectors and pseudo-classes) for progressive enhancement, yet degrades gracefully
  • Complete separation of content and structure from style and behavior
  • Utilizes a reset style sheet (based on Eric Meyer's and Yahoo's reset styles), IE conditional comments and Dean Edwards' IE7/8 script to minimize/eliminate cross-browser differences
  • PHP/MySQL usage for form/database interaction
  • Mootools-based interactive navigation
  • Extensive jQuery utilization for form interactivity including the jQuery UI Date Picker
  • Outputs appropriately on print and handheld devices
  • Unobtrusive Flash embedding

Golf Tees Galore

2008 - 2009
  • Developed entire site
  • AJAX-based form submission
  • Print and handheld style sheets
  • Advanced CSS usage
  • Embedded FLV video

Brown Kushner

2008

Performed extensive content updates and some HTML/CSS work.