One of the major challenges for user of data driven applications such as dashboard and financial applications is working with huge chunks of data. They usually have to sift through data, navigate to data entries, find transactions or locate records. With traditional interface designs, it often becomes a touch task. Users want easy and quick solutions to dig down information. And this can be achieved by providing users with the right set of tools to browse and navigate through data; this is what JQ Slider does.

JQSlider is a multi-node range and data slider that allows to provide easy-to-use data selection and filter tool.

jQSlider can be used as:

• To select data values on a slider
• Allow user to rate products
• To filter values in a grid

Presenting content on a website can be challenging sometimes especially when you you really want to break the barriers of vertical and horizontal scroll bars. That is why, you would often find designers and web developers playing with various navigation techniques to present content on a website. Today, we are featuring a simple jQuery plugin, FerroSlider, that presents your website contents in the form of interactive and organized slides.

FerroSlider allows your website visitors to go through contents of your websites in simple and animated content slides. You can position content as you want: by row, by column or using a custom displacement.FerroSlider is really simple to use, due to the multiple available plugin’s options.

Believe it or not, 77% of world’s population has a mobile device and 85% devices sold in 2011 offered a web browser. What does it mean for web designers and developers?

The foremost concern for every web developer or designer should be optimizing user experience on mobile devices. But it is not as easy as it sounds unless you employ the right methods and strategies. By ‘right’, I mean sustainable - sustainable strategy to optimize your websites for blackberry, iPhone, iPad, tablets and all those nifty devices of different sizes and capabilities (and then for all traditional devices as well). Now – if you are ready to buy this ‘sustainable design strategy‘ idea, you would agree that designing separate websites for mobile devices is not a practical idea. You cannot either degrade your ‘regular’ websites or application for mobile devices.

So what is the solution? The answer is Mobile-First, progressive enhancement.

Read the rest of this entry »

While optimizing website, the foremost element that you need to take care of is optimizing graphics because they owe a lot to the total load time of a web page. Websites that use a lot of imagery such as portfolio websites need to be optimized for faster processing and rendering of images.

However, this is not possible all the time. Some times you really need to display large images that eventually cause the web page to load slowly in the browser. However, this can be avoided by using asynchronous method of loading and displaying images. In simple words, the idea behind this technique is to load page contents first and graphics/imagery later. This not only gives a better user experience but also help you display web pages in a better way on slow internet connections or on mobile devices for that matter.

Using asynchronous techniques to load images in web browser is now made easy with jQuery Asynchronous Image Loader plugin (JAIL). JAIL is a lightweight plugin for jQuery helps loading images asynchronously and it can be used to make your page load faster.

The main concept behind this plugin is deferring the loading of the images after the page is loaded. You can control image loading with different triggers (such as click, mouseover, and scroll) or after a specified delay. JAIL works even when JavaScript is not enabled or the web browser.

CanvasLoader is a lightweight JavaScript UI library, which uses the HTML5 Canvas element to draw and animate circular preloaders / spinners.

This free tool helps you to create slick preloaders / spinners for your projects.

The best a professionals in creative services can get out of the Web is creative display of his/her work which is available online anywhere anytime. However, designing an online portfolio display is not as easy as putting a simple HTML page with thumbnails. A portfolio is like the first impression an online visitor (potential client) interfaces before asking about skills and rate. Thus a portfolio website has to be creative and interactive yet easy to navigate and use.

Fortunately, there are a number of open source and free tools that you can use to set up a simple yet effective portfolio website to display your work online. One of the many open source tools for building portfolio websites is jmFullWall. It is a jQuery photo gallery plugin that allows you to create impressive zoom-able, fullscreen portfolio sites. It shows thumbnails on a grid, offers zoom control and navigation on a selected portfolio item.

Major Features

• Customizable row x column format
• Handles images at any size (if offers pan control for high res images)
• In-gallery navigation controls

Pagify.js is a simple jQuery plugin for creating single page web sites. It replaces the contents of a div with content from other html files.

It is very easy to use, simply include pagify.js, create a div, make one jQuery call and you’re done!

Get started by only specifying a list of pages or customize animations, default pages and caching. Pagify.js is far less than 100 lines of code, well commented and easy to understand and extend.

These days most part of the software and programming technologies is converging on the web. Reciprocally all modern browsers and web platforms are undergoing major changes to accommodate the latest ‘web-enabled’ technologies.

Take the example of image manipulation and graphical effects. Previously dependent on hardware and operating system, image and graphic manipulation technologies are widely supported on the web now. JavaScript that was once used to run small functions is now a comprehensive library capable of building complete applications. It is even good for image manipulation and graphic effects on the web.

The new glfx.js JavaScript image effects library is a perfect example of how graphical effects can be rendered within a web browser.

flfx.js uses WebGL for real-time photo adjustment in browser. In fact, it uses your graphic card for image effects that would be impossible to apply in real-time with JavaScript alone.

Thе library comes with a wide set οf built-іn-filters including brightness/contrast, curves, sepia, hue/saturation, noise, lens blur, tilt shift, hexagonal pixelate аnԁ much more.

Guys at Browserling have open-sourced 90 Node.js modules! That’s right! 90 Node.js modules. All written from scratch.

They published a list of all open source Node.js modules together with their brief descriptions. All of them are greatly documented so just click the ones you’re interested in to read more and see examples.

Descript is a lightweight foundation framework for advanced JavaScript applications development. It was created mainly to fill all the gaps in pure JavaScript programming, making it more intuitive and compatible with modern patterns.

Descript claims to offer a well-organized and object-oriented approach in the easiest and most legible way. It is obvious that other complex frameworks offer similar features but none of them is designed well enough to be easy to use and clear to understand.

Main features

• Fully object-oriented JavaScript code
• Java-like packages system
• Seamless integration
• Event driven development
• Easy debugging and runtime control with build-in Debug Console tool