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

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.

ChocolateChip Has Its Own Blog

ChocolateChip, the little guy that does big things So, ChocolateChip, the tiny JavaScript mobile Web framework that is only 8k when minified, now has its own blog: ChocolateChip-Mobile.net. I put this...

View Article

Image may be NSFW.
Clik here to view.

CSS Gradients for IE9

This works with Desktop IE9, Desktop Firefox, Desktop Chrome, Desktop Safari, Desktop Opera, iOS, and Android. Attention! IE9 will not destroy the world, kill babies, or take away your home or job....

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 for Zepto

I’ve ported ChocolateChip-UI to the JavaScript micro framework Zepto. Created by Thomas Fuchs of Scriptaculous fame, Zepto is a small JavaScript library for mobile devices that replicates the functions...

View Article


Image may be NSFW.
Clik here to view.

iOS 5 Style Switch Control

Recreating the iOS 5 Switch Control with HTML5, CSS3 and a Bit of ECMAScript 5 The final result of this post will run in iOS 5, Safari 5.1, as well as the latest versions of Chrome, Firefox and Opera....

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
Browsing all 11 articles
Browse latest View live




Latest Images