jQuery.deviantartmuro is a jQuery plugin to provide a convenient wrapper around the embedding API for the deviantART muro HTML5 drawing application, allowing you to provide image drawing and editing within third-party sites.
Embedding deviantART muro in your site allows you to pass images from your site to deviantART muro, allow your users to edit those images, and then hand the saved image data back to your site. You can also make scripted use of a number of deviantART muro tools such as filters.
Requirements: jQuery Framework
Demo: http://deviantart.github.io/jquery.deviantartmuro/
License: Creative Commons, BSD License
Admit it, 3D is cool. But, you know what’s cooler? 2D. I love WebGL, but unfortunately it doesn’t work everywhere. Flat Surface Shader is a lighting simulation, which can be configured to use either the 2D context of a canvas element or an array of SVG polygons to draw the triangles. It also utilises native Float32Arrays to store numerical data for highly optimised calculations. You can export the image once you have done.
Requirements: –
Demo: http://wagerfield.github.com/flat-surface-shader/
License: License Free
As a long-running fan of practical jokes, I love April Fools’ Day. Fool.js is a jQuery plugin that lets you play one or more fun practical jokes on an unsuspecting visitor, and it’s crazy easy to set up. There’s a whole range of fun options to use.
You can make the scrollbar to fall over, Hide random elements as they interact, Sing Spongebob with your browser, Flip the page upside down, Make the page 100% editable, Makes the site flash on and off, Forces a shutter on the screen, Makes the page unclickable and etc…
The download link on the site was broken somehow. You can grab the source code here on Github. Have fun!
Requirements: jQuery Framework
Demo: http://fooljs.com/
License: License Free
CSSmatic is a non-profit ultimate CSS tools for web designers. There are four useful tools at the moment. You can use the Gradient Generator which supports multiple colors and opacity stops to get amazing gradients. By using the gradient tool you can create gradients with smooth color changing effects and subtle transparencies.
Border Radius is super easy to use and a super time saver. Change all the borders selected at the same time. Noise Texture helps you create subtle background patterns with dirty pixels and noise, changing the color and values and previewing the results in real time. Box Shadow supports Blur radius changes, color changes, shadow size. Everything that you need to create great drop shadows in a single place.
Requirements: –
Demo: http://www.cssmatic.com/
License: License Free
Google has announced it’s going to retire Google Reader. If the service has been an essential part of your media diet, don’t despair. Feedly is the best alternative of your Google Reader, partially because it’s free, cross-platform, and available on multiple devices. Plus, they make importing your Google Reader subscriptions so ridiculously easy that it’s worth a try.
You can easily organize your favorite blogs, news sites, podcasts and Youtube channels and access them all in one place or sync with Google Reader. There are multiple layout options, auto-mark as read, tagging, advanced sharing, keyboard shortcuts.
If you do not like RSS Feeds anymore, you can always follow us on Facebook, Twitter, and Google Plus. You can also subscribe to our newsletter with freebies and exclusive deals from webappers.
Requirements: –
Demo: http://www.feedly.com/
License: License Free
Countable.js is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable does not rely on any libraries and is very small in size.
Countable takes the value from an HTML element and counts paragraphs, words and characters (without and with spaces). Those numbers are then returned in an object, accessible by a single parameter in the callback function. Countable has been tested in Chrome (latest), Safari (latest), Firefox (latest), Opera (latest) and Internet Explorer (7+). It is built to support both newer and older browsers.
Requirements: JavaScript Framework
Demo: http://radlikewhoa.github.com/Countable/
License: MIT License
Spoiler Alert is a happy little jQuery plugin to hide spoilers on your site. Don’t spoil it! Hide anything with a bit of blur. Hint on mouseover. Reveal on click.
To make your site spoiler free, simply include spoiler.js, then, add this somewhere: $(‘spoiler, .spoiler’).spoilerAlert(). To control the maximum and partial blurs, you can pass arguments to the function. Spoiler Alert has been tested in Chrome, Firefox, Safari and Mobile Safari.
Requirements: jQuery Framework
Demo: http://joshbuddy.github.com/spoiler-alert/
License: MIT License
We love that neat little “pull to refresh” feature on our devices, but wouldn’t it be awesome if it was for the web? Well, that’s what Hook is here to do.
They took a concept from mobile phones and tablets and made it work for the web. Simply scroll down a bit, and then back up to the top. The page will be automatically refreshed. Hook is as simple as it gets for all kinds of users. From developers to novices, just follow the easy set of instructions and you’ll be Hooking in no time.
Requirements: JavaScript Framework
Demo: http://usehook.com/
License: License Free
With Paperkit you can easily generate online the exact type of graph paper (grid paper) that you need. Use the toolbar to adjust the settings. You have full control over spacing between grid lines, margin size, stroke color and width as well as paper size. A live preview will help you evaluate your design. There are five formats available: A4, A3, legal, tabloid and letter. You can use units that you are comfortable with (millimeters or inches).
Once you decide on the parameters of your template and you are satisfied with its design you can download it to your hard drive. A blank template will be provided as a ready to print PDF file. It will open in a new window – you can immediately print graph paper or save it by clicking the right button. Whether you need to write something down, draw a sketch or a wireframe you can easily adjust the paper to your needs.
Requirements: –
Demo: http://paperkit.net/
License: License Free
Conditionizr is a fast and lightweight (3KB) javascript utility that detects browser and pixel ratio, allowing you to serve conditional JavaScript and CSS files. Rebuilt from it’s jQuery predecessor, it’s now 50% faster. Combined with class name additions, Conditionizr has an integrated script and style loading facility, allowing you to specify which scripts and styles you’d like to load for which browser.
Browser sniffing is often considered unreliable, and Conditionizr was built to overcome this goal. The core functionality within Conditionizr is detecting and serving Internet Explorer legacy scripts and styles. With this in mind, using a similar method to the way Google Analytics detects browsers.
Requirements: JavaScript Framework
Demo: http://conditionizr.com/
License: MIT License
