Clik here to view.
Making an iPhone Switch Control without Images
Works on desktop Safari, Chrome and Firefox, iPhone, iPod Touch and iPad. On the iPhone and iPad, Apple uses a control called switch. It’s actually a different take on the checkbox. Like radio buttons,...
View ArticleClik here to view.
Subpixel Rendering
You know the problem. No matter what you do you can’t get two elements to line up properly. The connecting points are always off by one pixel. Everyone doing Web development at some point or other...
View ArticleClik here to view.
Multiple Background Images & Animation
Multiple background images allow one to build up complex layered visual effects using one element. In the past such effects would require each background image rendered inside its own element, these...
View ArticleClik here to view.
Practical Examples of the Flexible Box Model
If there’s one thing in CSS3 that really gives me warm fuzzies, it’s the flexible box model. What it does is provides a way to create many layout affects that otherwise would require workarounds with...
View ArticleClik here to view.
The Holy Grail of Mobile Layout
The Holy Grail of Mobile Layout The perfect mobile layout should allow the presence of a navbar, a content area and maybe a footer toolbar. This layout should resize with orientation changes such that...
View ArticleClik here to view.
ChocolateChip-UI
Learn more about ChocolateChip-UI ChocolateChip.js is now ChUI (pronounced “chewy”) In the course of time I’ve created a lot of POCs (proof of concepts) on this blog. Some where fairly good, some where...
View ArticleClik here to view.
Back and Next Buttons Revisited
So, many moons ago, I wrote a post about how to make iOS style “Back” and “Next” buttons using CSS. Only problem was that technique used a span tag to create the pointer. For some reason it slipped my...
View ArticleClik here to view.
ChocolateChip-UI 3.0.3 Supports jQuery
As of version 3.0.3, ChocolateChip-UI now supports jQuery 2.0.3. We tried earlier versions of 2.x, but there where performance issues that prevented us from offering it as an option. jQuery 2.0.3 has...
View ArticleClik here to view.
From ChocolateChip-UI to TruckJS
It all started with a simple DOM library for mobile use. I named it ChocolateChip, because I liked chocolate a lot and because if was really small. On this blog, one post after another, I created...
View ArticleClik here to view.
CSS Flexbox Grids for Your Apps
ChocolateChip-UI provides a convenient grid system based on CSS flexbox. This means your grid columns use flex to determine their widths. This gives you responsive layouts. Because the grids use...
View Article