This is the demo of Tabbed search bar using CSS and JavaScript. Only with few code lines, and you will get a simple tabbed search bar on the your webpage.

Facebook.com - a social network is being the best one at present, is a pretty awesome web based application, but it takes a long time to become perfect. From the personal experiences, the author of this JavaScript tutorial guide you to make some harmless "hacks" (modifications) for the system of Facebook, but it'll affect some funnies to your page.

Please go to the full post and enjoy these hacks.

Highcharts is an awesome charting library written in pure JavaScript with cross-browsers compatibility. This JavaScript tool gives you many types of easy ways to create beautiful, interactive charts on your web site or web applications, and some other great customization features. It currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types. Features:
- Simple and easy configuration syntax
- Displaying a tooltip text with information on each point and series on hovering
- Datetime axis
- Zooming in the X or Y dimension, or both

Check out the demo gallery to see it in action at here.

Let's use this simple JavaScript example code, CSS button code to replace the boring default button of browsers by Simply Button v2. These super sexy buttons have a lot of advantages from the default buttons:

- Buttons size to fit your any text.
- There are 3 states: Inactive, Active, and Hover.
- They look and behave the same way in every browser and operating system.
- The do not need the JavaScript to work, they work with just the CSS button style.
- Way better looking CSS button codes than what anyone else can do with XHTML/CSS, isn’t that reason enough?!

Cheat sheets are really helpful in revising your application codes as there are so many functions, constants, classes ... which we cannot remember always but good cheat sheets are of great help in keeping yourself updated with the codes.

Cheat sheets are also helpful for beginner developers and designers in learning and remembering codes better. A truly great resource for upcoming developers.

The purpose of this free HTML JavaScript tutorial is to provide all useful web development cheat sheets for web designers, web programmers/coders and web developers at one place. A mega collection of cheat sheets which contains HTML, CSS cheat sheets, JAVA, PHP, Database SQL, Wordpress, ASPX, SEO and many more other useful cheat sheets which you will find in this post. Most of the cheat sheets are available in printable format for a handy use of these resources.

Yes, this free HTML JavaScript tutorial is another round-up of very great and helpful JavaScript/jQuery techniques, tools and resources. In this selection we present JavaScript/jQuery date calendars, jQuery calendar datepickers, forms, buttons, JavaScript navigation, navigation menu jQuery, debugging, optimization and compatibility tables as well as handy JavaScript/jQuery resources and tools. We also cover various jQuery add-ons and plug-ins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.

For improving more your skills and user experience, check out more JavaScript/jQuery, web development, web programming/coding resources below:

- More 100 Super Helpful Cheatsheets for Web Designers Web Developers
- Great Powered Resources for 7 Helpful jQuery Plug-ins
- 35 Cool, Awesome Tools and Resources for Faster JavaScript Application Development
- Super Cool and Great Button Resources and Tutorials with CSS3
- 45 Great CSS and JavaScript solutions

Similar to the free JavaScript game Whack the Gopher, this JavaScript game is simpler by change the picture of gophers into the smiley emoticons. And your goal is hit the right smiley quickly as you can.

This free JavaScript game code is very easy to use and setup on your web pages, please go to the detailed for full JavaScript game source.

In this HTML JavaScript tutorial, Brijesh Shah guides you create some simple codes in Rails, JavaScript and PHP to strip HTML tags, strip tag PHP. Very simple and useful codes to try, you should check them. You can check our JavaScript Strip HTML Tags script.

This is an awesome image rotator JavaScript using jQuery to perform animation, with a little of CSS for styling. You can also use this jQuery image rotator as a JavaScript image slideshow or an image gallery JavaScript.

That's so cool jQuery effect, right now you can go for it on the live demo and setup for your own with copy&paste JavaScript/CSS/HTML codes provided. Or just wait for the next post tomorrow, I'll show you how to create this JavaScript effect with full explains.

With this JavaScript typing text script, you can use to spell out a string of text, letter by letter. This JavaScript code example provides 3 ways to type our strings: add to existing text, replace it completely and repeat text if you like. Very easy to implement and use!

This is just a JavaScript effect, if you need to find typing test JavaScript, let try JavaScript Typing Test.