Building a Custom HTML5 Audio Player with jQuery
Building a Custom HTML5 Audio Player with jQuery : Ben Bodien, who also masterminds a lot of the jQuery, HTML5, and CSS3 material for Authentic Jobs , explains what it took to make Tim Van Damme
Posts Tagged css3
CSS3 Playground
CSS3 Playground : Explore CSS3 radius, box-shadow, text-shadow, and transforms in a WYSIWYG environment. See Mike Plate
CSS3 Generator
CSS3 Generator : Handy tool that spits out the syntax and associated vendor-prefixed CSS3 for properties like border-radius, box-shadow, multi-column layout and more. Especially helpful are the supported browsers icons with pop-up version numbers for each property. … Read the rest here
A CSS3 Tip
I’m probably way behind the curve on this one, but I recently realized the following: All browsers that support the CSS text-shadow and box-shadow properties also support the new CSS3 RGBa syntax. Which means you can safely combine them today. That’s handy, because it means no worrying about matching a precise hex colour shadow to a specific hex colour background. Instead just let the browser blend. An example: p { text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; } That will produce a paragraph with a 20% opacity black drop shadow that will blend into any background colour below it. … Read the rest here
CSS3D: Stereoscopic 3D Effect with CSS3
CSS3D: Stereoscopic 3D Effect with CSS3 : 3D red-cyan glasses required. … Read the rest here
The Declaration of Independence, Rendered with CSS3 and @font-face
The Declaration of Independence, Rendered with CSS3 and @font-face : The markup is fairly clean, but still somewhat presentational. On the whole, however, this is nicely executed. … Read the rest here
Louis Harboe has recreated 11
Louis Harboe has recreated 11
Text, Speech, Video
All of a sudden, people have been asking me to yak about myself and stuff that I know (or at least think I know). These things tend to come in waves, and right now I’m surfing like a search engine’s crawlerbot. I don’t think that metaphor made any sense at all. Anyway, here’s what I’ve had to say so far: The Geek Talk: Eric Meyer
CSS3 flash light
CSS3 flash light : Another impressive demo from simurai (Safari only right now). … Read the rest here
Firefox 4 to Add CSS3 calc()
Firefox 4 to Add CSS3 calc() : Paul Rouget, Mozilla: This feature hasn
The Design Cubicle
The Design Cubicle : A fantastic redesign by Brian Hoff; a suitable example of the reasoning behind the design: Even if living on the bold side of things isn
Responsive Web Design
Responsive Web Design : Ethan Marcotte raises the bar regarding flexible web design with CSS3 media queries and other magic. … Read the rest here
IE8 Still Failing PNG Alpha
You thought our long nightmare of PNG alpha transparency support was finally over as of IE7, didn’t you? Yeah, me too. Over the past few months I’ve been collaborating with Chris Glass on the newly-launched Joyent site. (When someone comes to you and says, hey, we have Chris Glass helping us out with this project and we’d like the two of you to work together, you jump at that chance.) I was tossing around ideas for building an interactive infographic Chris had designed, and thought of at least four different ways of pulling it off. We’re reaching this interesting point with front end web technology where we now have actual choices besides Flash for jobs like this… Read the rest here
HTML5 Readiness
HTML5 Readiness : Handy chart detailing comment HTML5 and CSS3 support in major browser engines. … Read the rest here
A site for Science Hack Day
I spent the weekend immersing myself in HTML5 and CSS3. I gave Principia Gastronomica a bit of a fine-tuning under the hood. I decided to ditch all the background images I was using to get rounded corners and drop shadows, and just use border-radius and box-shadow instead. Internet Explorer gets the same content with more pointy corners and without the illusion of depth. I also launched a brand new site: ScienceHackDay.com … Read the rest here
Which Email Clients Support CSS3?
Which Email Clients Support CSS3? : With the current minimal support for CSS3 in most email clients, the easy counter-argument here is typically,
New HTML5 Form Field Type: range
New HTML5 Form Field Type: range : Amidst all the HTML5 buzz over the past year, somehow I missed this: HTML5 offers a new input field type, type=”range” , which renders a UI slider for entering data anywhere between the min and max values you specify. This feature could become as useful as CSS multiple backgrounds, in that a) it
The Mobile Web vs. the Objective-C Web
The central theme of Mobile Web Design was carefully and thoughtfully built on the assumption that the browser will always provide the most consistent, reliable medium for users of web content, and the most open and sustainable platform for developers of the same
iPad Ready Websites
iPad Ready Websites : Apple: iPad features Safari, a mobile web browser that supports the latest web standards
HTML5/CSS3 Browser Compatibility Checklist
HTML5/CSS3 Browser Compatibility Checklist : Handy resource. … Read the rest here