Quantcast
Channel: Android – CSS3 Wizardry
Browsing all 11 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Activity Indicator with CSS3

Works on desktop Safari, desktop Google Chrome, Android, iPhone, iPod Touch and iPad. You’ve seen them. The things on the screen that mean you’ve got to wait for some activity to complete. They’re...

View Article



Image may be NSFW.
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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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
Browsing all 11 articles
Browse latest View live




Latest Images