Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Visually Stunning Redesign Showcases the 3-D Power of CSS
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Steven Wittens' Acko.net features an impressive and unique 3-D header.
It’s one thing to hear about the powerful new 3-D tools coming to CSS, but it’s a very different thing to actually see them used creatively in the wild. Developer Steven Wittens recently did just that when he redesigned his Acko.net website. Wittens turned to the 3-D features in CSS 3 — with a little JavaScript help — to create a visually stunning 3-D page header.
To see the 3-D in action you’ll need to be using a WebKit browser (Safari or Chrome), though the site nicely degrades to a still very readable state for Firefox and other browsers that don’t yet support the 3-D rules coming to CSS. To get the full 3-D effect be sure to scroll down the page.
Wittens has a blog post detailing exactly how he pulled off the effects and he’s even built a 3-D editor you can play around with. Of the initial inspiration Wittens writes:
This idea started with an accidental discovery: if you put a CSS perspective on a scrollable
<DIV>, then 3-D elements inside that<DIV>will retain their perspective while you scroll. This results in smooth, native parallax effects, and makes objects jump out of the page, particularly when using an analog input device with inertial scrolling.…
This raises the obvious question: how far can you take it? Of course, this only works on WebKit browsers, who currently have the only CSS 3-D implementation out of beta, so it’s not a viable strategy by itself yet. IE10 and Firefox will be the next browsers to offer it.
To work around some of CSS limitations in the browsers, Wittens turned to Three.js, a JavaScript 3-D engine written by Ricardo Cabello, better known as Mr. Doob. For those interested in the code behind some of the transformation happening on Acko.net, Wittens has promised to release it via GitHub in the near future.
Source http://www.webmonkey.com/?p=53759Tue, 17 Jan 2012 20:07:07 GMT
Tags: CSS,
*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
Full Service Web Design/Development/Hosting Company
Davenport, Iowa US
PHP/MySQL Web Developer 15+ years experience. We are a team of developers and designers. Address: 3513 E Russell Road, Las Vegas, NV Call us: 877-704-0005 or 702-509-5050
Las Vegas, Nevada US
Spectrum Nashville is committed to providing reasonable, excellent business technology solutions that simply work.
Franklin, Tennessee US
I am Graphics Designer, I have Experience in this Field more than 10 years. i mostly work in print field. Products Catalog, e-catalog, brochures, flyers, brands names. logos. business cards.
Lahore, Punjab PK
Web Design, Implementation, and Maintenance. PHP, Javascript, JQuery, MySql
Daphne, Alabama US
HTML5 Drops the Time Element
The time element is no more; instead HTML5 editor Ian Hickson tells developers to use the semantical
Chrome 10 Beta Offers Faster JavaScript, Less CPU Usage
Google has released version 10 of its Chrome web browser to the beta release channel. Chrome 10 is a
Chrome 15 Released with… Improved Start Page
Google has rolled out version 15 of Chrome to its “stable” channel. The update brings so
A Look at PHP 5.3 Frameworks – Symfony2
Ever since PHP5.3 was released we have seen several new frameworks pop up in the PHP community. I
Online backup services, SpiderOak or better Dropbox?
A few month ago I wrote an article/review about online backup services, in this comparison I mention
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design