Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Javascript’

As a web developer I’m always looking into the latest jQuery plugins and JavaScript libraries. Open source development offers an exceptional world for newcomers and professionals who just need a quick solution.

This post includes many free JS plugins for building a user rating interface. Most websites fall back to the 1-5 star rating but you might customize this to include more stars, less stars, or even build a simpler system. YouTube has even switched to a thumbs up/down rating system which seems to work great.

jRating

jrating jquery plugin website freebie

Read the rest of this entry »

The abundance of single-page website layouts has become quite a hot ticket in recent years. I’ve been impressed to see developers jumping onto this trend releasing many free open source plugins and scripts. Parallax itself is defined as a change of perception in objects based on the viewpoint.

This can extend to parallax backgrounds, text, images, or other page elements. The recursive features of parallax design allow for extensible JavaScript plugins with easy-to-customize options. Any developer with an understanding of their idea can quickly implement the needed functionality by using any of these free open source scripts.

Parallax.js

open source library parallax js

Read the rest of this entry »

It seems as though 3D is quickly becoming the new 2D in digital design. This pattern has moved from the big screen onto smaller screens for the web. With a growing number of CSS/JS libraries for animation it has become easier to render objects right within the browser.

These tutorials should provide an excellent introduction to CSS3 and JavaScript oriented animation. If you’ve never coded your own custom page animations then this will take a bit of practice. But with time the whole process will become like second nature.

Read the rest of this entry »

Remember when the original NES was released decades ago? I know the older readers can remember those days fondly. Graphics and coding techniques have improved dramatically over the past few decades. It’s remarkable how we can now build in-browser games without reliance on 3rd party companies. If you know anything about JavaScript and wish to delve further into game development, these tuts were made for you.

I’ve collected everything from getting started to more advanced JS libraries and general tips/tricks for browser game development. This post has something for everyone and it’s never been easier to get your toes wet in the proverbial pool of Internet gaming.

Read the rest of this entry »

Most webmasters agree that Google Analytics provides high-quality traffic analysis without much competition. But you can’t host their scripts on your own server and must rely on Google’s servers for data storage. Although this isn’t necessarily a bad idea, it may not be exactly what you’re looking for in a traffic analytics script.

This gallery includes a number of self-hosted and cloud-hosted services for traffic analysis. It’s always possible to go back using Google Analytics if you prefer. But sometimes it is worth testing some other services just to see what they can offer.

Read the rest of this entry »

In the past I have spent days constructing my own polls with JavaScript and PHP. It takes a lot of time developing the database and internal functions without any reference guide. But thankfully we have access to a number of free services dedicated to website polls and surveys.

This gallery includes 15 free plugins, scripts, and externally-hosted services for generating user polls. Almost every major CMS engine has a poll plugin which can save you hours of time reinventing the wheel. Take a peek at the examples below and let us know your thoughts in the comments area below.

Read the rest of this entry »

Vanity Toolset is a set of jQuery plugins, created by Enavu (developers of 52framework), to simplify many common tasks of front-end UI development.

The toolset currently includes 7 plugins: jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder, and jCollapse where new ones will be added regularly.

Vanity jQuery

They are all built with simplicity in mind, nothing complicated and have small sizes.

Plugins are very well-documented, all have demos and they work cross-browser.

Backbone.Notifier is a powerful and flexible framework for displaying and controlling UI notifications.

It is built on top of jQuery, Backbone.js + Underscore.js and has many cool features like a 3D module or animations support.

Bacbone.Notifier

The notifications can be displayed on the top or in the middle, modal notifications exist and it is possible to set custom styles via CSS + JS API.

Messages can be timed to be shown or hidden as wished, an integrated loader exists and there are pre-defined styles: default, info, error, warning and success.

X-Tag is a tiny JavaScript library for creating custom HTML elements which can have totally custom functionalities.

The library is based on the W3C Web Components draft and it is built/supported by Mozilla.

X-Tag

As an example, we can create an HTML element named "accordion" and, using JavaScript, customize it to convert its contents to an accordion. As a result, whenever we use <accordion></accordion>, the contents will be presented as an accordion.

The things that can be created with the library is totally up to our imagination (like a tabbox, tree, special input, slider, navigation, etc.).

jQuery is by far the most popular JavaScript library and it simplifies many JavaScript related tasks so much.

However, as expected, it can't handle everything but targets the most common tasks. And, sometimes, we need that missing pieces.

jQuery++ is a set of DOM helpers and special events which fills a part of this gap. It is not a UI library (like jQuery Tools) but only low-level DOM-utilities.

jQuery Plus Plus

Some of the plugins included are; a modified .animate (which uses CSS animations when possible) .cookie or .formParams (which serializes form data). And, there are events for drag, drop, swipe and much more.

It is possible to use each plugin one-by-one or a custom-download-generator helps packing only the selected ones into a single file.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com