Joyride is a jQuery plugin to create jQuery Feature Tours in a Breeze. Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.

Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images.

Print.CSS is an open source print stylesheet for the environmentally-conscious web developer.

Major Features

• Lightweight footprint
• CSS3 compliant
• Cross-browser
• Eco-friendly

For designers and developers working in rapid development environment, there is no alternative to a robust and flexible development framework – just like Foundation.

Foundation is a complete development framework for developing quick prototypes on a very responsive, 12-column grid layout system. Since it is based on a completely grid-based system, the framework allows you to develop web application for almost every type of device. The framework also includes sleek and modern UI elements that ultimately allow you to convert click-able prototypes into polished and read-to-deliver web application in almost no time.

Animate.css is a bunch of cool, fun, and cross-browser CSS animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

To use them in your project, simply add the class to the element, or call the animation yourself in your CSS file. The classes and the animations have the same name.

Speed for search result filtering is critical. Its fine for site users to wait for some time (maybe a few seconds) to load the search results but after that filtering better be fast otherwise people lose interest.

Filter.js is a JavaScript library for client-side search filtering. It offers client-side JSON objects filter to show/hide html elements. Multiple filter criteria can be specified and used in conjunction with each other.

Some key features are:

• Category and sub-category based filtering
• Slider based filtering
• Trigger on any HTML element.
• Date filtering (in process)

There is a lot of experimentation going on with website backgrounds especially with animation and dynamic background content (remember background slideshow plugin?). Though one might not figure out why or how animating website background makes sense but it still is a subject of interest and research for many professional designers and developers. Today, we are featuring a simple CSS3-based experimental project that allows you to provide animated css3 background patterns. The basic technique is to use a CSS3 repeating-radial-gradient as a background and animate it by changing its background-size.

Combining multiple repeating-radial-gradients and animating its background-size and/or position can result in hypnotic stuff. You could also add some extra markup and use transforms like rotate, scale or so to make even more trippy effects.

Tapku Library is an open source iOS framework for iPhone and iPad development. This mobile framework is built on Cocoa and UIKit intended for broad use in applications.

Tapku is super easy to integrate and offers a number of UI components including Coverflow, Progress Bars, Custom Table Cells, Graphs, HUDs and Calendar.

Presenting content on a website can be challenging sometimes especially when you you really want to break the barriers of vertical and horizontal scroll bars. That is why, you would often find designers and web developers playing with various navigation techniques to present content on a website. Today, we are featuring a simple jQuery plugin, FerroSlider, that presents your website contents in the form of interactive and organized slides.

FerroSlider allows your website visitors to go through contents of your websites in simple and animated content slides. You can position content as you want: by row, by column or using a custom displacement.FerroSlider is really simple to use, due to the multiple available plugin’s options.

Believe it or not, 77% of world’s population has a mobile device and 85% devices sold in 2011 offered a web browser. What does it mean for web designers and developers?

The foremost concern for every web developer or designer should be optimizing user experience on mobile devices. But it is not as easy as it sounds unless you employ the right methods and strategies. By ‘right’, I mean sustainable - sustainable strategy to optimize your websites for blackberry, iPhone, iPad, tablets and all those nifty devices of different sizes and capabilities (and then for all traditional devices as well). Now – if you are ready to buy this ‘sustainable design strategy‘ idea, you would agree that designing separate websites for mobile devices is not a practical idea. You cannot either degrade your ‘regular’ websites or application for mobile devices.

So what is the solution? The answer is Mobile-First, progressive enhancement.

Read the rest of this entry »

Creativity is contagious. If you admire creative ideas you cannot help being creative yourself. This is what Giuliano Ambrosio, a creative designer from Italy, has just demonstrated with his new WordPress theme inspired by Facebook Timeline.

The free WP Timeline theme for WordPress converts WordPress blogs in to facebook-like timeline. The theme transforms archives, featured items, comments and social activities into a decent timeline – just like the new Facebook Timeline. Really creative indeed!