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

Posts Tagged ‘jQuery’

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

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.

Rangeslider.js

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 »

Every so often it may benefit your argument to display large portions of visual data. This content might appear in any format from bar graphs, pie charts, scatter plots, venn diagrams, or even visualization webs. There are dozens of tools out there to help create graphics for data-based content. This gallery includes 16 examples of jQuery plugins which are perfect for any visual data exhibition.

Pizza Pie Charts

pizza pie charts playground 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

shifter jquery sliding menu plugin

Read the rest of this entry »

We all remember the classic JavaScript alert boxes and their alarming annoyance factor. Fortunately open source libraries like jQuery have come along to offer a better solution: free plugins. Alert boxes, confirmation dialogs, and modal windows are part of the same collection of interfaces which can be implemented using similar methods.

In this post you’ll find 20 free open source jQuery plugins for creating unique alert boxes and modal windows. Most of them are responsive and include parameters which you can customize based on the project. Take a peek at these great plugins to see if you can use anything in your next web project.

Remodal

remodal window popup modal ui

Read the rest of this entry »

Whether it’s WordPress, PrestaShop, OpenCart, Joomla, or Magento, creative professionals put in a lot of effort day and day out to give shape to good-looking websites for their contractors. Part of that effort goes into finding auxiliary resources, especially themes and plugins that serve a specific purpose, and are compatible with the CMS or website launching platform at hand.

Sound premium plugins are particularly difficult to come by. Consciously or unconsciously, each of us creates a list of favorites, over time. I have my own version of it, too. You can read all about it below, in an updated form for this autumn.

LayerSlider Premium Multi-Purpose Slider Plugin


Read the rest of this entry »

  • Tags:
  • Filed under: Plugin
  • 0 Comments
  • Modern websites are using so many effects that it can be tough keeping up with everything. The initial process of learning how to code CSS3 and jQuery is often confusing but fun. As you delve into more advanced topics you’ll bump into much bigger puzzle pieces to solve.

    This gallery focuses on some amazing tutorials which demonstrate how to code advanced website interface features. Topics range from tabbed widgets to SVG animations and many other ideas in-between. Take a peek at these articles and see if anything catches your attention. With a bit of practice and volition you can learn how to build other exciting user interface effects.

    Tilted Content Slideshow

    tilted content slideshow tutorial

    Read the rest of this entry »

    Modern eCommerce solutions are dynamic, sleek, and futuristic. I still think we need more shiny chrome hover cars but that’s another discussion. Generally speaking, users want a site that’s both secure and fast. A shopping experience that behaves in a predictable yet speedy fashion.

    eCommerce is about selling products and retaining customers. You can achieve this with an improved design, but when it comes to interactions the user experience is much more important. That’s why I’ve organized this handful of jQuery plugins meant to improve eCommerce websites. All of these plugins are free to use so check them out and see if anything catches your attention.

    jQuery Credit Card Validator

    jquery credit card validator plugin

    Read the rest of this entry »

    Uptime Robot
    feed-holder
    FeedBurner