Caleb Jacob created a pure CSS3 content slider while experimenting CSS3 animations and transitions.

Although there are some flaws in the functionality/practicality of a pure CSS3 slider (jQuery is still the front runner by far), it’s still freakishly cool to see CSS do all of this junk! Just think of all the small things you can now use CSS3 transitions and animations for.

Currently, CSS3 keyframe animations are only supported by WebKit browsers and FireFox.

Slider.js is an easy-to-use customizable Javascript library to create image slideshows.

Slider.js relies on latest web technologies: the power of CSS Transitions to perform awesome and efficient effects and the HTML5 Canvas to perform some non trivial transitions.

It comes with 13 CSS Transitions and 10 built-in Canvas transition functions including following features:

• Each slide can have images, text captions and links
• Slides navigation (pages, next, previous)
• Image preloading
• Load the slider photos with a JSON object (distant or local)

Managing and presenting content on web pages is one of the major challenges when designing effective user experience. Fortunately, there are a number of tools and techniques that allow you to effective manage huge amounts of data in simple and efficient user interfaces. You can use animate slide shows, image galleries, carousels and a lot more to present various types of content decently. Usually, you need to code these objects in to your web pages and manage each object separately. Minimit however allows you to provide all of these objects by embedding a single plug-in in your code.

Minimit Gallery provides galleries, slideshows, carousels, slides and a lot more in a single pack. You just need to work on your core functionality and leave the rest of Minimit Gallery.

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.

Today we are sharing a nice tutorial on how to create a responsive image gallery with a thumbnail carousel. Inspired by Twitter’s “user gallery”, here is an implementation of a responsive gallery that adapts to the view-port width.

The gallery has a view switch that allows to view it with or without the thumbnail carousel, it also comes with keyboard navigation support.

The best a professionals in creative services can get out of the Web is creative display of his/her work which is available online anywhere anytime. However, designing an online portfolio display is not as easy as putting a simple HTML page with thumbnails. A portfolio is like the first impression an online visitor (potential client) interfaces before asking about skills and rate. Thus a portfolio website has to be creative and interactive yet easy to navigate and use.

Fortunately, there are a number of open source and free tools that you can use to set up a simple yet effective portfolio website to display your work online. One of the many open source tools for building portfolio websites is jmFullWall. It is a jQuery photo gallery plugin that allows you to create impressive zoom-able, fullscreen portfolio sites. It shows thumbnails on a grid, offers zoom control and navigation on a selected portfolio item.

Major Features

• Customizable row x column format
• Handles images at any size (if offers pan control for high res images)
• In-gallery navigation controls

As the saying goes: Big things come in small packages. Chop Slider proves it true. Packaged in just 6KB, ChopSlider delivers awesome and powerful image slider with unlimited transition effects. In fact, it is more than a simple image slider. It allows you to create your own custom transition effects that harness the power of CSS3 and jQuery to provide amazing animations that load fast and render smooth effects.

Transitions and animations are easy to customize and are work perfectly for mobile devices and all major browsers. For devices (iPhone, iPod, Symbian, BlackBerry, Android and other) and browsers that do not support CSS3 transitions, you can set specific parameters to ensure flawless animations. The only limitation with ChopSlider is your imagination and creativity.

The World Wide Web is expanding vigorously in all directions – platforms, delivery networks, user base, devices etc. Now, people access Internet and websites on personal gadgets of all sizes and types. As the result, web design techniques have changed drastically and require fluid, responsive and interactive design and layouts to provide similar user experience to all website visitors.

There area a number of ready-to-use platforms that designers can integrated within their websites and applications to design dynamic web designs that render flawlessly on all display and device types.

We have shared a number of open source resources like FitText that allow you to expand or shrink headings and text on a web page to match the target browser and display type.

Today we are sharing another open source jQuery library, Blueberry, that allows you to provide dynamic image slider on a website based on fluid layout.

Blueberry is an experimental open source jQuery image slider plugin that works with fluid/responsive web layouts.

It supports keyboard navigation and users can place multiple slider instances on a single page. It automatically build the pager (pagination for slides) with an option to enable/disable.

As web designer or developer, sometimes, you just want to get away with nitpicking with the design and concentrate on your code. Pre-designed and finished PSD templates come like a blessing in this situation. Today, we are sharing 30+ neatly finished Photoshop templates with layered PSD source files that you can use to instantly finish the design part and start working on your code.

Clean Layered PSD Widget Design

Delight PSD Icons

Read the rest of this entry »

gSlider is an interactive image slider built on jQuery. It is versatile, lightweight and easy to implement in any website or web applications.

You can use gSlider for many purposes:

• Show your portfolio
• Displays your products
• Showcase popular posts on your blog
• Provide prominent display to offerings/featured products/downloads
• Organize and show your photographs
• Add interactive iconic menu on your website/application

Major Features:

• Unlimited Entries
• Thumbnail Zoom-in
• Thumbnail Links
• Configurable Repeat/No-Repeat Flow
• Easy Customization (colors, style, background etc.)
• Works in All Major Browsers
• Quick Implementation