Posts Tagged ‘Javascript’

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 »

Digital media has become much more streamable in recent years. Faster Internet speeds allow uploaders and streamers to consume media at a more hasty pace. This advancement has created a world where developers can build amazing media players with much less code than ever before. The following audio players are completely free and super easy to add into any website. Take a peek at each example to see if any could be useful in your own project work.

Codrops Audio

Read the rest of this entry »

Web animation was always a possibility even dating back to the 1990s. But back then very few people had Internet access, and the technologies were so new it was difficult to create meaningful effects. Nowadays there are significantly more resources for animated web effects – yet there’s still an even balance between meaningful and silly animations.

This gallery focuses on 20+ interesting animated effects that you can recreate using JavaScript.

Happy Snowman

happy animated moving snowman css

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 »

Mobile responsive design is one of the greatest achievements in recent web design history. A very popular responsive technique is the hidden drawer sliding navigation menu. This can be found in smartphone applications but has also grown into a popular choice for web development. In this post I’ve organized ten free plugins that you can use to create quick & easy sliding navigation menus.


shifter jquery sliding menu plugin

Read the rest of this entry »