Let’s face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders.We can also use Sticky to display data we’ve grabbed via AJAX. This could make for a very powerful message queue system for your users.
Custom Drop-Down List Styling with jQuery & CSS
A tutorial on how to create some custom drop-down lists. We’ll show you five examples with different looking drop-down menus and lists for various purposes. The point of this tutorial is to show how to create nice drop-downs without any image but with CSS only. We’ll add some line of jQuery to make them work.
mockJSON : jQuery plugin for mocking JSON and JSONP requests
MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data. Completely random JSON would be pretty useless of course, so you can specify a JSON template for each request. On the right you see an example of such a template and some generated output.
Pretty Hover Effects with CSS and jQuery
This article will show you how to create pretty hover effects for your images using jQuery and CSS. The plan is to use a clean mark up, adding the necessary elements on the fly. What this means is that we are starting from barebones image HTML tags, with title attributes only. This can come useful especially if you already have hundreds of images that you want to apply this effect on.
Wope Slider : jQuery Responsive Layer Slider
Wope slider is a light, fast, clean, elegant, responsive and touchable slider. It allows you to create a powerful slider to showcase your products or service effectively and attractively with many gentle, eye-catching effects.
The slider works well on modern moblie devices such as tablets, smartphones because it is touchable and responsive with any size of website.
Features:
- Touch enabled.
- Responsive-ready.
- Multiple Sliders
- Autoplay features, pause and play buttons.
- Gui options
- Easy slider options
- 10 clean and elegant skins
- Many animation types and easings
- Fully documented & Free Support
- Compatible with all major browsers
EasyStar.js : Javascript A* Pathfinding library for HTML5 games
A* is an algorithm for finding the shortest path between two points. It is very useful in game development. Any tile-based game that requires this kind of movement will probably utilize some form of A*. Tower Defense games, City Building games, Rogue-Likes, the list goes on.Thus EasyStar.js is a simple A* API written in Javascript.
Features:
- The ability to spread out your calculations over multiple calls. EasyStar.js lets you specify how many calculations should be performed each call.
- The ability to add separate points to avoid, outside of those that are avoided based on tile type.
- The ability to specify which tile types are walkable, and which are unwalkable.
- EasyStar calls a callback if it finds your path, or if there is no possible path.
Live Weather Display Using CSS, jQuery and PHP
We set out with ambitious plans to have our website feature the live weather conditions using the geo location from anyone who looked at it. We wanted the time of day to be reflected depending on where they were based in the world, so somebody looking at the website in London, England would see a different style to someone looking at the website at the exact same time in San Diego, California. The goal was that people could see what the weather was like outside their window by looking at our website.
CoolCarousels : Showcasing 50+ cool jQuery carousel examples
All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.
Paper.js : Swiss Army Knife of Vector Graphics Scripting
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.
Paper.js is easy to learn for beginners and has lots to master for intermediate and advanced users.
jQuery Responsive & Multi-Level Navigation
If you’ve ever worked on a responsive website, you’ve no doubt had to tackle one of the trickiest problems in this emerging field: navigation. For simple navigation, the solutions can be straight-forward. However, if you’re working on something a bit more complex, maybe with multiple nested lists and dropdowns, a more dramatic rearrangement may be in order.
In this approach to responsive navigation, we’re going to use an approach that can accommodate large, multi-level navigation menus using media queries and jQuery, whilst trying to keep our markup simple and our external resources minimal.