Blog
- Accelerometer
It was only a little while ago that I realized you could access the iPhone’s accelerometer through JavaScript. Which is kind of embarrassing since it’s been available since iOS 4.2. Anyhow, it’s really pretty simple, so here’s the crash course. There are two ways to go about using accelerometer data: devicemotion and deviceorientation. Devicemotion This is straight-up accelerometer data. Values are…
- Application Cache Doesn’t Fool Around
If you’re actively developing a site that’s going to use the HTML5 application cache – don’t actually add it until you’re ready to go. Because once the browser gets a hold of it, you have to edit the manifest file every time you make any change to a file referenced in it. It’s not like regular file caching, where a…
- Steve Jobs
Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works. In most people’s vocabularies, design means…
- Bouncing Along: CSS3 Animation
CSS3 allows for several easing effects when you animate or transition an element: linear, ease, ease-in, ease-out, and ease-in-out. You can also specify custom easing with cubic-bezier (and here’s a great tool for doing that). Unfortunately, there’s no way to specify more complicated motions, such as the bounce easing in jQuery UI (see easeOutBounce). To recreate that effect in CSS3, we’ll have to…
- The iPhone and text-size-adjust
I discovered an interesting oddity on the iPhone – when it’s in landscape orientation, it automatically bumps up your font sizes, in an attempt to increase the legibility of non-responsive sites. Of course if you weren’t planning on this, it presents a bit of a problem. At first I thought that I had messed up my viewport settings, which threw…