Posts Tagged ‘jQuery’

Have you ever wanted to get feedback from visitors on your website? Basically gauging user’s opinions related to the interface, design style, font choices, and other similar areas. Most websites have a contact page but doesn’t provide the same result.

Thankfully there are plenty of free open source JavaScript codes for gathering user feedback. These may appear as toggle boxes at the bottom of the screen, or possibly as a modal popup window. The whole point is to catch people’s attention quickly and let them know you(the webmaster) are looking for their opinion. These free JS scripts and plugins should help you get started on the right path.

Read the rest of this entry »

Open source code has hastened the development process for everyone involved. Larger platforms such as WordPress have completely revolutionized the methods in which we create websites. But also consider the smaller plugins built for animation, form effects, and of course navigation menus.

This gallery includes the absolute best jQuery plugins for creating a dropdown navigation. Each plugin is completely free to use on any type of project. Most of them also have excellent online documentation which you can follow to customize the style, color, animation, or other similar design properties.

Dropdown Effects

simple drop down animation effects

Read the rest of this entry »

Statistical data can prove to be immensely beneficial in the right circumstances. While it’s always an option to create graphics in a program like Photoshop, at times it would be easier to dynamically generate charts using JavaScript. This post includes over 15 free jQuery plugins for generating dynamic charts, graphs, tables, and numeric displays. Web content has never look so cerebral!


chartist js open source library javascript

Read the rest of this entry »

Web developers who have been keeping up with HTML5 specs know about the fascinating range slider. It was popularized on the iPhone and has since grown into a powerful utility for the web. Below are a series of customized range sliders using CSS3 or jQuery. Everything is free and open source to use in any project work either commercial or personal.


range slider js open source library

Read the rest of this entry »

Dynamic websites often utilize preloading screens to guarantee that all resources are loaded before the page fully renders in the browser. Preloading screens date back to old Flash websites but have made their way into HTML for resource-heavy layouts.

These tutorials and plugins offer a pool of knowledge for crafting your own preloading screens. The technique requires JavaScript to track HTTP requests and hide the loading screen once all the resources have completed. You won’t find this technique useful on every website but it does come in handy on large dynamic websites.

Codrops Preloading

codrops preloading screen tutorial open source

Read the rest of this entry »