View high resolution

workersoftheweb:

ZEN Audio Player is a single-song HTML5 Audio Player, powered by jPlayer, styled and mostly animated with CSS3.

(via webvampires)

CSS3 Pie →

Adds support for

• Border radius
• Box shadow
• CSS gradients
• Border image
• Multiple background images
• rgba

to Internet Explorer versions 6-8. If this works half as well as I hope, I may have to go all Emilio Estevez in The Breakfast Club.

Multilingual site? Text that has to be text so can be localised? Designer added a bloody stroke? Text-shadow might not give you a perfect stroke, but not far off.

**Am using this on the Betfair World Cup giveaway site.

simurai:

CarveMe tries to simulate an inset text-shadow with CSS3. Since Safari5 is out, we now can finally use box-shadow: inset for all our shiny buttons. But what about an inset shadow on text? Unfortunately text-shadow: inset doesn’t work. But there is a technique that kinda simulates the same effect.

background-color: rgba(82,96,117,0.5);
-webkit-background-clip: text;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 0 5px 6px;

So instead of having a dark inset shadow on top of the bright text, we use a bright text-shadow on the dark background.

See the Demo →

Anyone following my Github account will likely have deduced that I am currently writing an Adobe Air app. I decided on Air as Fluid.app and Prism both had crappy Database options.

But after reviewing the source for my App the only Air dependencies seem to be logging and SQLite. The logging will be removed when development is completed as is only for debugging at present, and the DB uses a wrapper which could easily become a DAL and also support WebSQL.

This is why I love new web technologies. I can use pretty much the exact same code and have it run on the desktop (Windows, Mac, Linux), in a browser, on a mobile device (iPhone/Android), or even on the iPad (anyone want to send me one to test it on?)