nude.js is a JavaScript library that uses HTML canvas for detecting if an image contains nudity or not.
As the algorithm runs on the client-side, it is optionally possible to display the image with user interaction.
The library can be very useful for web applications where users can share images, it can be activated for users under a specific age, etc.
nude.js is still under development for making the algorithm better, however it is already very promising.
Requirements: No Requirements
Compatibility: All Modern Browsers
Website: http://www.patrick-wied.at/static/nudejs/
Demo: http://www.patrick-wied.at/static/nudejs/demo/
Download: https://github.com/pa7/nude.js
jQuery Bubble Popup is a plugin for the popular JS framework that helps creating chic tooltips which can be controlled easily.
The tooltips are shown/hidden with fading animations and any HTML content can be displayed inside them.
Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.vegabit.com/jquery_bubble_popup_v2/
Demo: http://www.vegabit.com/Examples/different-elements.html
Download: http://plugins.jquery.com/project/jqBubblePopup
They can be attached to any side of an element and it is possible to get the status of a tooltip (on/off, creation, last-modified or last-display date & time) to act accordingly.
A tooltip’s design can easily be customized with the help of a template system and the plugin is very well-documented.
Accessible Audio Player (AAP) is a cross-browser audio player with playlist support that is created for people with disabilities in mind.
It uses the HTML5 <audio> element for browsers that support it, and the Yahoo! Media Player for those that don’t.
If a browser can’t use any of the options above, the player displays a list of links to the mp3 files.
The player can switch to the next track automatically or with the help of prev-next buttons and its voice can be controlled.
There is also a WordPress plugin for AAP for easier integration with the CMS application.
Requirements: No Requirements
Compatibility: All Modern Browsers
Website: http://www.terrillthompson.com/music/2010/11/accessi…
Besides colors or objects, using animals in design to express an emotion is a very common method. Just like the lion in MGM which shows the power orTwitter’s bird spreading cuteness.
Although there are lots of animal themed design resources, it is almost impossible to find an organized one. So, here is a collection of 35+ free Photoshop animal brushes, vectors & icons to use or to get inspired.
Photoshop Animal Brushes
Animal Stamps (18 Photoshop brushes in the set)
Free Vector Animals
Free Animal Icons
Tweeties: Twitter Birds
SOFA is an open source statistics, analysis, & reporting application that can collect data from a selected source.
It doesn’t force you to work with an offline data and can connect to various live databases including:
- MySQL
- SQLite
- PostgreSQL
- Microsoft SQL Server
- Microsoft Access
by just mentioning your login details. After that, you can customize the reports to be generated by selecting any columns from the tables and by applying filters.
Optionally, it is possible to import data from Excel spreadsheets, ODS spreadsheets, CSV files and Google Docs spreadsheets.
SOFA creates beautiful and interactive HTML outputs (powered with JavaScript). Also, it has tabular outputs that can be directly opened in MS Excel or pasted into OpenOffice Calc.
If small things change in your dataset, you don’t need to re-import data but they can be edited manually.
There are many ready-to-use reports like row and column percentages, mean, median, standard deviation, min – max and more.
When we are buiding a website or web application with the use of javascript. We have to make sure most of the people can view or use the website or web application properly. Therefore, we need to make sure we implement JavaScript in an unobtrusive manner. So that users would still be able to use it when javascript is disabled.
Christian Heilmann has found the following rules over the years developing, teaching and implementing JavaScript in an unobtrusive manner. They have specifically been the outline of a workshop on unobtrusive JavaScript for the Paris Web conference 2007 in Paris, France.
- Do not make any assumptions
- Find your hooks and relationships
- Leave traversing to the experts
- Understand browsers and users
- Understand Events
- Play well with others
- Work for the next developer
View the full article on The seven rules of Unobtrusive JavaScript.
Source: http://icant.co.uk/articles/seven-rules-of-unobtrusive-javascript/
SlickSpeed CSS Selectors Test tests the CSS selectors in every browser, whether or not the browser included xpath. It is written in simple PHP and plain JavaScript. No framework is used in the suite JavaScript file, as the point of it is to test frameworks against each other. This avoids favoritism. Also, each framework runs in its own iframe, so no prototyping conflicts can happen. So that we can have a rough idea of the speed of running the CSS selectors.
Link: http://mootools.net/slickspeed/
I have just received an email from Peter Alguacil of Pingdom.com. They are currently promoting Firefox by offering a whole full free year of Pingdom’s uptime monitoring service to anyone signing up using Firefox. At $119.40 each (normal price) and a limit of 1,000 accounts they are potentially giving away accounts worth almost $120,000. The followings are wat you get from your FREE account.
- Monitor uptime and response time of 5 websites, servers or services
- 20 free SMS alerts
- Unlimited email alerts
- 1-minute monitoring resolution at no extra cost
- Monitoring from multiple locations around the world.
- Uptime and response time statistics
To any webmaster this should be quite a treat, since it’s a full professional service for a whole year for free. I cannot wait to make this post. Time is running out. HURRY UP! The offer is valid until Saturday !
I have got one for WebAppers already! Remember to register with Firefox Browser!
Register Now
Requirements: Register with Firefox Browser
Sign Up Now: http://royal.pingdom.com/?p=174
License: N/A
Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css. First you’ll need content and it should be wrapped inside a div containing an ordered list where each list item represents one slide.
You can basically put whatever you want inside list items as long as you keep the same dimensions. Script automatically adds “previous” and “next” buttons in form of span elements with nested anchors just after the content element.
On each click (previous or next button) script calculates the current “position” and makes a one step in requested direction. So, the slider jumps from one slide to another. Once it reaches the end (last slide), the “next” button fades away and re-appears only if “previous” button is clicked again. Same goes for sliding towards the beginning.
Requirements: jQuery Framework
Demo: http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
License: MIT, GPL License
Orbit is a lightweight (2.8kb compressed) jQuery plugin for displaying multiple images in a limited space.
The HTML markup is pretty clean, just an element that wraps multiple images where the captions are generated from the title tags of these images.
Images can be browsed using the prev-next buttons which appear on hover and there is an optional timer letting the user know when the next image will be displayed.
This easy-to-use plugin has several options like the animation type, animation speed, enable/disable previous-next buttons, captions, timer and more.
Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.zurb.com/playground/jquery_image_slider_p…
