Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Adobe Proposes New Standard for 3D Effects on the Web
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Adobe has proposed a new set of CSS-based tools that the company hopes will one day become a standard on the web. Following on the heels of Adobe’s effort to improve web layout tools with CSS Regions, Adobe is now proposing CSS Shaders, which would bring high-quality cinematic effects to the web without the need for plugins like Flash.
“Shader” is a term pulled from the 3D graphics world; it refers to small programs that create 3D effects, like the rippling motion in a waving flag. The CSS Shaders proposal would add similar tools to the CSS specification, allowing web developers to easily apply cinema-style filter effects to any HTML content. Think grayscale to color transitions, animated shadows, photo-realistic warping and other mainstays of the 3D animation world.
CSS Shaders will look familiar to anyone who’s used the various filters in Adobe Flash since they are essentially the same thing applied to HTML. At the moment there’s no working demo, but you can see CSS Shaders at work in the video below:
Some of what CSS Shaders do in the demo above is already possible using WebGL. However, WebGL’s magic only works on the HTML5 canvas element and can only apply the shader effects that WebGL supports. CSS Shaders, on the other hand, would allow anyone to write custom shaders, load those shaders via the page’s stylesheet and then apply them to any HTML element.
Adobe has been working with Apple and Opera to create the new CSS Shaders draft proposal at the W3C. The CSS version of shaders borrows some ideas from the earlier draft spec for SVG filter effects (now Filter Effects 1.0), but would apply the filters to HTML rather an SVG.
As for the real world, John Nack, Principal Product Manager at Adobe, reports that the code used for the demo is “under consideration for inclusion in WebKit.” For now though Adobe is using its own build of Chromium to create the demo videos.
If you’d like to learn more about how CSS Shaders work and what sort of filters Adobe has created, head on over to the company’s devnet site where Adobe’s Vincent Hardy offers an overview of CSS Shaders, a look at the proposed syntax and several more (sadly not embeddable) demo movies.
See Also:
- Adobe Envisions Brave New World of Web Layouts With ‘CSS Regions’
- Adobe Acquires Typekit Web-Font Service
- Adobe’s New ‘Unblur’ Filter Makes CSI-Style Effects Real
Wed, 12 Oct 2011 15:52:49 GMT
Tags: CSS, Web Standards,
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
CSS
The Future of CSS: Finally, Sane Layout Tools
Woolly, the CSS sheep. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story. The next major development in web design will likely revolve around one of the thi
Quickly Create CSS 3 Animations with ‘Ceaser’
CSS 3 has some awesome new animation capabilities for web developers — rotating objects, fading them in and out and more — but writing the code is a bit more complicated than most CSS rules. To make your animating job a bit easier, developer M
Simplify Your Stylesheets With CSSPrefixer
Woolly, the CSS sheep. CSS 3 has some awesome new features, like 3D transforms, smooth transitions, border images and gradients. Since most browsers already support these features there’s no reason you can’t use them today, provided you grac
Web Standards
HTML5 for Web Developers
If you’ve ever tried to wrestled your way through the complexities of the HTML5 specification, we’ve got good news — there’s now a “web developer edition.” The main HTML5 spec can be overwhelming for web developers tryi
Microsoft, Mozilla Battle Over What Makes a ‘Modern’ Web Browser
Microsoft and Mozilla are trading barbs over the coming Internet Explorer 9. Microsoft has been touting its HTML5 support in IE9, claiming that it renders HTML5 better than Firefox (and Chrome, Safari and Opera). Mozilla then turned around and released an
HTML5 Will Be Done in 2014, What Comes Next?
Web developers were given a green light Monday to start using HTML5. Even though many are already using the still-unfinished language to code complicated web apps, the web’s governing body made the transition official by announcing that HTML5 will b
Web site design and development. International clients are welcome.
Quilcene, Washington US
Let Hamilton Arts assist you with your web design needs. We can assure you that our design will not only impress but also work within your budget.
Mesa, Arizona US
Skytec Web Hosting is California based internet services company that specializes in web hosting solutions for corporate companies, small business enterprises, webmasters and individuals.
Petaluma, California US
We are a ISO 9001:2008 certified company and STPI registered. Our Services are: Web designing, Web Development, Content & Article Writing, SEO, SEM, SMM
Kolkata, West Bengal IN
Integrity Web Design builds website, will get clients listed on search engines, directories, design brochures, business cards, bookmarks, catalogs, booklets, calendars, door hangers, & club flyers.
San Antonio, Texas US
Adobe Acquires Typekit Web-Font Service
Adobe has purchased Typekit, one of the driving forces behind the growth of creative web typography.
Improve Your Website’s Typography With Kern.js
Web typography used to be something of an oxymoron, but recent browser advances and tools like Typek
Metro-style Internet Explorer 10 Ditches Flash, Plugins
Windows 8 will have two versions of Internet Explorer 10: a conventional browser that lives on the l
What the New iPad’s Retina Display Means for Web Developers
The high-res future will get a little closer this Friday when Apple ships its new iPad. Just as the
Back Up Your Gmail Account With Gmvault
The more you rely on cloud-based services, the more important good backups become. If you're using G
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design