Web Development Resources (63)

Here i have collected 6 free awesome jquery plugins which can easily allow you to create a beautiful One Page Websites.

The field of web designing is going through different kind of changes and addition of style almost every day. One of the latest trends of website design is single page websites. There are lots of designers who like to create such websites since they find it very trendy and eye catchy as well. Lots of people prefer to visit websites with single page. Jquery Plugins always simplify our live, with some few implementations you can get your work done.

NProgress.js is a nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening. It’s a slim progress bars for Ajax’y applications inspired by Google, YouTube, and Medium. It’s perfect for Turbolinks, Pjax, and other Ajax-heavy apps.

FancySelect is a better select for discerning web developers everywhere. FancySelect is easy to use. Just target any select element on the page, and call .fancySelect() on it. If the select has an option with no value, it’ll be used as a sort of placeholder text. By default, FancySelect uses native selects and styles only the trigger on mobile devices...

In this post, I'm going to show you how to create portfolio page with filtering and also hover effect for each of your project item...

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!

Today in this post i have to share some experimental and creative link effects with you. The idea is to use pseudo-elements and animate them to create a subtle and modern effect. In the examples i am using hover transitions, but you could also imagine these effects on click or as an initial animation...

Please note that pseudo-element transitions don’t work in every browser. Best viewed in Chrome and Firefox.
In most cases the HTML is simply a nav with some anchors:

These sites solve at least one problem really well and they all have simple web addresses (URLs) that you can easily memorize thus saving a trip to Google. As you know that there are many websites in the internet and it's too difficult to choose some useful websites. Anyway i randomly chosen 120 websites which will turn to very useful one. Also keep in mind that my opinion or selection need not to be satisfied to my fellow readers. You can comment below your suggestions and arguments.

Sidr is a handy jQuery plugin for creating side menus and the easiest way for doing your menu responsive. You will be able to create multiple sidrs on both sides of your web to make responsives menus or not, it works perfectly on desktop too.

Sometimes your knowledge of programming can limit your design perspective. You may have this idea of interaction that you want to do for your next project but you decided to let it go because you think it is impossible. Later on, you discovered that someone already wrote a plugin for it and you wish you’d found the plugin before you started the project.

Textillate.js is an amazing jQuery plugin that creates stunning CSS3 text animation. It's built on top of the famous animate.css which contains a bunch of cool and cross-browser animations and also the popular lettering.js.

Page 3 of 5