This works with both the simulator, as shown here, as well as actual iOS devices. Though if used with actual iOS devices, plug it in to the computer and go to Settings - Safari - Advanced and turn Web Inspector on. Beyond that, it's exactly the same. And it rocks. Hard.
I’ve always shied away from using CSS grids simply because they require a deluge of classes cluttering up the HTML, which gives makes my gag reflex a run for its money.
Similarly I’ve shied away from using CSS extensions like LESS because they screwed with my development habits and required new hoops to jump through. And if there’s one thing web development doesn’t need, it’s more hoop jumping, trust you me.
However, there’s a tremor in the force called less.js, which essentially solves both these problems with one stroke, with nary a disadvantage, barring the use of JS, in sight.
So I created a small demo of how to use the two together, and aside from the added complexity of using LESS over CSS (the price of smart, but complex, over dumb, but cumbersome).
K2 has been a fun project for a number of reasons, but most of all I’ve been happily surprised at how the entirely lax and cell-like development process has worked out. I recently picked up the reins again and started going through our bugs, weeding out where I could and organizing what was left, in an effort to get to a 1.0 release as soon as possible. So now’s the time to tell us if something’s broken or missing.
Read more over at the K2 site.