Comments for David Calhoun's Developer Blog

Comment on Dealing with device orientation (Mobile web part 6) by thugsb

thugsb — Fri, 03 Feb 2012 18:42:37 +0000

It’s a shame you’re using setAttribute to set the class on the html element. It would be much nicer if it added and removed those classes as appropriate. Otherwise it conflicts with Modernizr, which I don’t want to lose.

Comment on Web development / Silicon Valley rant by 0nederfoo1

0nederfoo1 — Fri, 03 Feb 2012 09:23:08 +0000

With all the money and talent in your community, an enormous potential is waiting to be tapped into. Identifying the problem is a commendable approach, and a necessary start – the real magic happens when a group of people work in harmony towards a solution.

Comment on Mobile Performance Manifesto by Weekly Badass JS Roundup #3 - Just another My blog Sites site - newnewstechnology

Thu, 02 Feb 2012 20:01:19 +0000

[...] Calhoun wrote an excellent “Mobile Performance Manifesto” recently, which summarizes a lot of research that has been done. Read this if you do any [...]

Comment on Using mobile-specific HTML, CSS, and JavaScript (Mobile web part 5) by Freelance html5

Freelance html5 — Thu, 02 Feb 2012 11:09:10 +0000

Other tips : -webkit-appearance : none; for submit button

Comment on Optimizing based on connection speed: using navigator.connection on Android 2.2+ by Adaptive Images in Responsive Web Design : Christopher Schmitt

Adaptive Images in Responsive Web Design : Christopher Schmitt — Tue, 31 Jan 2012 17:31:20 +0000

[...] if mobile bandwidth is detected (like 3G), the low-resolutions stay in place thanks to the new navigator.connection first seen in Android [...]

Comment on New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 by PhoneGap/iPhone Crib Sheet – Handy Links « iPhone Dev Log

PhoneGap/iPhone Crib Sheet – Handy Links « iPhone Dev Log — Wed, 25 Jan 2012 03:38:56 +0000

[...] New Mobile Safai Stuff in iOS5 http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-inp... [...]

Comment on Using mobile-specific HTML, CSS, and JavaScript (Mobile web part 5) by Jack Burton

Jack Burton — Tue, 24 Jan 2012 23:07:02 +0000

Thanks for the great post and helpful tips. I know I’m late to the party on this one, but I’ve been trying to develop a website for iPhone, the designer has created the template to be 960px wide (it’s going to be landscape only), at 72dpi. But if I create an image that’s 960px wide, it’s too big on the iPhone 4. If I resize the image to 480px, it fits just fine, but looks blurry. Getting so frustrated trying to wrap my head around what size images should be.

It’s not a fluid design, so it’ll be a static 960×536, no zooming. Seems like not matter what I do with ratio, etc, the graphics are always too big until I resize them and lose that quality.

Any tips would be appreciated. Thank you!

Comment on Checking for undefined, null, and empty variables in JavaScript by Vj

Vj — Fri, 20 Jan 2012 23:12:30 +0000

Nice article!

I tried the following and it checked out OK in Safari, Chrome & Firefox!

if (!foo) instead of
if (foo == null || foo == “”)

Is this an acceptable method for production?

Comment on iOS5 SunSpider: iPhone 4S vs iPhone 4 vs iPhone 3GS by MeeGo / Harmattan SunSpider benchmark « qrant

MeeGo / Harmattan SunSpider benchmark « qrant — Fri, 20 Jan 2012 14:15:50 +0000

[...] all! In fact, it’s pretty much the same result one could get running the same benchmark on an iPhone 4 running iOS 5 which is great, considering Apple has done an excellent job with their Nitro javascript engine. [...]

Comment on Implementing iPhone’s slider unlock with input type=”range” by Form design for Mobile phones — Joel Michael Davies

Form design for Mobile phones — Joel Michael Davies — Thu, 19 Jan 2012 14:03:36 +0000

[...] (a slider) type=”range” see this excellent blog post for a fun implementation Additionally, there are a few extra attributes you can include to keep mobile users from going [...]