9 Applicable And Awesome CSS3 And Javascript Effects from DemoStudio

9 Applicable And Awesome CSS3 And Javascript Effects from DemoStudio


9 Applicable And Awesome CSS3 And Javascript Effects from DemoStudio

Introduction

I discovered this website from Mozilla Developer network called DemoStudio which gathered a bunch of cool CSS3 and Javascript effect. It reminded me of Chrome Experiment but this is Firefox version. Browsing around I found a few pretty impressive effects and you could probably use it in your website!

Friendly reminder though, they are all experimental, using any of the techniques is guaranteed not to work in old Internet Explorer. But if you're using the latest version of Chrome, Firefox and Safari, you are fine. You still can use them as long as you have a fallback for the effect, for example, no animation legacy browsers, but modern browsers will able to see all the fancy and cool hidden gems.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

6 comments

Sten Hougaard
Tue, 17th April 2012
So cool! This really gives us hope for the future web! I love it! :-)
/Sten Reply
Kevin Liew Admin
Tue, 17th April 2012
Tell me about it, it's gonna be exciting! Reply
Jonath Lee
Fri, 20th April 2012
Finally, more stunning samples maximizing the power of CSS3 and Jquery javascript. Bravo, seems like more eand more people are working hard for more stunning creations without the usage of Flash. Reply
Richer
Thu, 26th April 2012
This post is fabulous. I like it very much, especially the animated menu icons. I am a freelancer webdesigner and I need more of these menus for my projects. If is not too much, can you suggest me some free collections or a free website from where I can download more menus? Not just any menus, with professionalism like yours. Thank you very much and I am waiting for your reply. Reply
Gabriel
Mon, 7th May 2012
Hi Richer,

Most of the menus are basic, you can design an accordion, dropdown or multilevel menu in just so many ways. You should be looking into changing the fonts, using the CSS3 @font-face property, or playing around with some custom menu buttons' backgrounds. You could find quality assets at http://www.creattor.com , in the Graphics section of the website. The files are usually free for commercial use, but registration is required. Reply
Epervier
Tue, 22nd May 2012
doesn't work under IE :( Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement