CSS

FacebookTwitter

Blowing up HTML5 video and mapping it into 3D space « Craftymind

http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/ I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site. 3.10 Images

Smooth Fading Image Captions with Pure CSS3

http://www.elated.com/articles/smooth-fading-image-captions-with-pure-css3/ Home : Articles : Smooth Fading Image Captions with Pure CSS3 Tutorial by Matt Doyle | Level: Intermediate | Published on 29 September 2010 Categories: Learn how to use CSS3 transitions to create nice, animated, semitransparent image captions. Full example and code download included. CSS3 promises to usher in a new wave of gorgeous web design, with lovely features such as drop shadows, text shadows, rounded corners, gradients, and border images.
http://blog.bloop.co/33827558 [update: A later version of these buttons are now available: http://zocial.smcllns.com ] Firstly—why bother right? Because CSS is so trendy. No not really, because this is a very practical solution. Let me explain:

CSS Social Sign-in Buttons - Bloop

Making Better Select Elements with jQuery and CSS3

When creating your web designs, you are always striving for a consistent look across the different browsers. Unfortunately, one of the most fundamental elements of your website – the browser controls – also prove the most difficult to style. Some of them, like the select element, are impossible to change beyond a certain extent. This is why, today we are building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact. Per popular demand, this script is now available as a stand-alone jQuery plugin. http://tutorialzine.com/2010/11/better-select-jquery-css3/
A Rare Look Inside Pixar Studios This year, the studio hoping for the top prize for "Toy Story 3." Melena Ryzik gets a behind-the-scenes look. A 23-Year-Old Steve Jobs on TV A video surfaced online Wednesday showing a young Steven P. http://shakenandstirredweb.com/playground/blur/

Text Depth of Field Effect - Sawyer Hollenshead