The Quick & Dirty:

  • 9+ years in the biz, 10 messing around
  • All the latest in HTML, CSS, JS & PHP (Sorry, no .net or Ruby skills yet)
  • Cross-browser compatible code from Photoshop or Illustrator files.. or napkins!
  • Custom Specialities in Wordpress theming & plugins, Twitter & jQuery
  • Subversion, server-log analysis, and blocking hack-attempts (of late).
  • Data/Project Geek. I ♥ timelines.

I’ve compiled some handy PHP functions I’ve had to whip up. More extensive code-samples are also available.

Wordpress-from-Photoshop/Illustrator

Wordpress-from-static HTML

Wordpress-from-Photoshop

Quick-and-dirty Responsive Layouts

So there’s the great thing called response.js. It’s the solution often presented as ideal. But it’s a bit overkill. I want a fast, light, small script that will do the job, without all the media-query overhead.

[script lang='js']

[/script]

So here it is.. works with any jQuery enabled site, and simply adds a ‘.mobile’ class onto the body tag. Can’t get easier than that! Now, simple CSS can be used anywhere, anytime, cross-browser (with javascript). Otherwise, it’s a simple roll-back to the CSS without the .mobile.

I’ve tried the other responsive stuff, and it’s just too delicate at this point in web-history.

UPDATE: this breaks on Android, since it pulls in the full-layout width first. So if you use this, be careful with your normal vs. mobile wrapper widths.

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS
Posted in codeRelease, coding, css, Day Job, javascript, jQuery, mobile Comments Off

Comments are closed.