background preloader

UX

Facebook Twitter

Useful JavaScript Libraries and jQuery Plugins For Web Developers. Advertisement If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem.

Useful JavaScript Libraries and jQuery Plugins For Web Developers

Such libraries are always great to have in your bookmarks or in your local folders, especially if you aren’t a big fan of cross-browser debugging. A JavaScript library isn’t always the best solution: it should never be a single point of failure for any website, and neither should a website rely on JavaScript making the content potentially inaccessible. Progressive enhancement is our friend; sometimes JavaScript won’t load properly, or won’t be supported — e.g. users of mobile devices might run into latency issues or performance issues with some JavaScript-libraries.

Often large all-around JavaScript libraries such as jQuery might be an overkill, while tiny JavaScript micro-libraries could serve as good, “light” alternatives for a particular problem. Quick Overview: Web Forms and Input Validation Little Time-Savers. Fokus - Emphasized text-highlighting using JavaScript. It's that time of the year again!

Fokus - Emphasized text-highlighting using JavaScript

In late 2010, having spent five great years working at Fi, I was determined to change up my professional life. After interviewing with Qwiki and accepting the position of Lead Interactive Developer it was decided; I was moving to San Francisco! It took a good few months of hard work to sort out all of the practicalities but it was definitely worth it now that I'm here.

Fortunately I've still been able to keep this site updated and worked on a variety of projects and experiments throughout the year. The first project to see the light of day was Sketch, a drawing tool that mimics the style of old cartoons. Sketch was followed by a short freelance project which involved building an interactive and animated logo for a Canadian media production company called Meru. Next I stumbled into the land of CSS3 3D transforms and ended up trying them out on two projects; Holobox and CSS3 3D Slideshow (later renamed reveal.js). 27 jQuery & CSS3 Loading Animation and Progress Bar Plugins/Tutorials. Loaders and progress bars are very popular in recents years.Today many web applications and websites use loader animations and progress bars to boost the performance and make them more attractive and stylish.Loading animations and progress bars are really important for users because they signal the user that something is still going on.

27 jQuery & CSS3 Loading Animation and Progress Bar Plugins/Tutorials

In today’s post we have gathered jQuery and pure CSS3 loading animations and progress bars.But make sure that CSS3 animations are not yet supported in old browsers so try modern borwsers to see live action of these plugins. You may also take a look at our past jQuery tutorials and plugins; Percentage Loader A tiny jQuery plugin for displaying progress in a visual and engaging waySource | Demo jQuery Circular Progress Bar Another progress bar w,th circular shape.Source | Demo Spin.js An animated CSS3 loading spinner.Source | Demo CSS3 Loading Animation Loop Three CSS3 animation loop and can be used in preloader for images with jQuery.Source | Demo CSS Load Sonic.js.

CSS spinners. Spin.js.