Kaiten is an impressive jQuery plugin for creating a flexible, simplistic and powerful browsing experience.

It helps quickly-building a column-based interface where each column can be a part of a sequence (like a breadcrumb navigation) and resized by the end-user.

Kaiten jQuery

The interface auto-arranges itself according to the browser-width by changing the number of the columns displayed. Simply, it will perform nicely on mobile and tablet browsers.

Kaiten can be extended very easily with its API. The plugin is also well-documented and comes with a demo that shows its features.

The plugin is included in a new web app platform named Officity and in alpha stage (yet very promising).

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.officity.com/kaiten/
Demo: http://www.kaitenbrowser.com/
Download: http://www.officity.com/kaiten/download/

jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system.

It is possible to configure every detail from” the number of the stars” to “if the stars can represent decimals or not”.

jRating

There is also an option to display small or big stars and images can be changed with any other file easily.

Although the plugin can be used with any scripting language, a PHP file that handles the requests is already included in the download package.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.myjqueryplugins.com/jRating
Demo: http://www.myjqueryplugins.com/jRating/demo

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.

nude.js

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

WPZOOM, a website providing premium Wordpress themes, is sharing a set of 154 beautiful and free icons named WPZOOM Developer Icon Set.

The icons are flat, black & white colored by default and come in vector formats (.AI & .PSD – so, color is not an issue) besides .PNG (48*48px size).

WPZOOM Developer Icon Set

The set contains many different items from documents to social networks, devices to actions.

Simply, it is built with developers in mind and a very suitable set for web apps.

Website: http://www.wpzoom.com/wpzoom/new-freebie-wpzoom-deve…

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.

Accessible Audio Player

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…

Close Pixelate is inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It’s basically a simple demo for canvas’ imageData functionality.

The function accepts an array of objects. Each object holds a set of options (resolution, shape, size, offset and alpha).

pixelate-image

Requirements: -
Demo: http://desandro.com/resources/close-pixelate/
License: License Free

October 27th, 2010How to Create HTML5 Forms

Years later forms are still the primary way our users can interact with us, more than just clicking on links or triggering JavaScript events. Indeed, it’s likely the first thing you do when you start up your favourite browser is type a search query into a form.

With a combination of server-side scripting and AJAX we now have feature-rich forms, but all at the expense of programming complexity. Funny thing is, we’re now so used to this sort of code that what is about to happen almost seems too simple.

Inevitably, as is the case with much of the HTML5 spec, HTML has now caught up with the needs of web designers and developers by providing a remarkably simple way of creating usable and even extensible forms.

html5-form

Source: http://thinkvitamin.com/code/fun-with-html5-forms/

Addy Osmani shows us how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.

You’ll also learn today how you can successfully use layering in your designs to give your gallery that extra bit of detail that can make it stand out from the others.

shine-time-jquery

Requirements: jQuery Framework & CSS3
Demo: http://www.addyosmani.com/resources/shinetime/
License: License Free

Last week, CS Review, a service to get feedback easily for creative jobs by Adobe, was shared at WRD.

And, with that service, a giveaway of 10 Adobe gift bags and 2 months of Lynda.com subscriptions was announced. Today, winners are selected but, before that, let’s remember:

What is CS Review

It is a part of Adobe CS Live (a series of services for designers and developers) which makes creative reviews so simple.

For any number of JPG, PNG, .F4V and .FLV files, a new review process can be started directly from CS5 softwares or online, and e-mailed to friends, colleagues to get feedback for them

Adobe CS Review Process

They can write their comments for each file and you or other reviewers can reply to each other’s comments.

After all, you have all the feedback organized and stored under your hands.

Just like any other CS Live services (including the Adobe BrowserLab), it is free for 1 year once you sign-up by April 30, 2011.

And, the winners:

Here are the winners of 10 Adobe gift bags and 2 months passes toLynda.com tutorials:

  • Djurre (comment #218155)
  • Alex (comment #218264)
  • Johan du Toit (comment #219843)
  • Rob (comment #218212)
  • Federico (comment #218148)
  • Jeremy (comment #218693)
  • Eko Priyanto (comment #218472)
  • saurabh hkirwal (comment #218206)
  • Rogier (comment #218163)
  • Yogeshnb (comment #218552)

Congratulations to the winners and thanks to everyone for joining.

Website: https://acrobat.com/csrlive_learnmore.html

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


Various Animal Brushes (20 in the set)

Photoshop Animal Brushes

Ancient-Like Animal Brushes (5 in the set)

Photoshop Ancient Animal Brushes

Animal Prints (32 brushes)

Animal Print Brushes

A-Z Animal Brushes (70 in the set)

Animal Brushes

Hatchling Brushes

Hatchling Brushes

Photoshop Animal Tracks Brushes (32 in the set)

Photoshop Animal Track Brushes

Photoshop Cat Brushes (16 in the set)

Photoshop Cat Brushes

Bird Brush Set (17 brushes)

Photoshop Bird Brushes

Horse Brushes

Photoshop Horse Brushes

Various Animals

Photoshop Animal Brushes

Antartica Brush Set (polar bears, deers & penguins)

Photoshop Antarctica Brush Set

Cartooned Animal Cubes (11 brushes)

Cartoon Animal Brushes

Photoshop Cow Brushes

Photoshop Cow Brushes

Animal Stamps (18 Photoshop brushes in the set)

Animal Stamp Photoshop Brushes

Free Vector Animals


Jimiyo’s FREE Motorcity (Vector birds & more)

Vector Birds

Free Vector Insects

Free Vector Insects

Vector Eagles

Free Vector Eagles

Bird Silhouettes

Vector Bird Silhouettes

Heraldic Symbols

Ancient Animal Symbols

Vector Safari And Zoo Animals

Vector Safari And Zoo Animals

Sharks

Vector Sharks

Horses

Vector Horses

Vector Birds

Free Vector Birds

Octopus

Free Vector Octopus

Cheetah Stencil

Vector Cheetah

Free Animal Icons


Cute Critters Icon Pack

Free Animal Icons

Animals Icon Set

Animals Icon Set

Tweeties: Twitter Birds

Twitter Bird Icon Set

Underwater Icons

Underwater Animal Icons

Safari Animal Icons

Safari Animal Icons

Animal Pins Icon Set

Animal Pins Icon Set

Zoom-Eyed Animal Icons

Zoom-Eyed Animal Icons

Feed Me Animals – RSS Icon Set

Animal Feed Icons

Twitter Bird Icons (.PSD & .PNG)

Twitter Bird Icons

Kung Fu Panda Icon

Kung Fu Panda Icon

Twitter Bird

Twitter Icon

  • Subscription

    Subscribe to posts feed or to comments feed

    Custom Search



Copyright © 2008 NIce IT Solutions. All rights reserved.
AWSOM Powered