Gallery

81 articles

Slideshows and Image Sliders with HTML5 / CSS3: Slider.JS

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…

One jQuery Plugin for Galleries, Slideshows, Carousels and Slides

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…

jQuery Plugin for Custom Positioned Slides: FerroSlider

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…

Responsive Image Gallery with Thumbnail Carousel

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…

Create Impressive Zoomable, Full Screen Portfolio Sites with jmFullWall

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.…

Animated jQuery Image Slider with Unique Transition Effects: Chop Slider

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…

jQuery Image Slider for Responsive Web Design: Blueberry

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…

30+ Photoshop Templates With Layered PSD Source Files

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…

gSlider: Lightweight, Versatile and Interactive jQuery Image Slider

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…

JavaScript Full Screen Background Slideshow With Overlay Support: Vegas

If you looking for an instant facelift of your website to make it interesting and a bit more engaging, start playing with background images. For instance, use different quality images in the background and make them change randomly. Done nicely, this would really make your website interesting if not a show stopper. Playing with background slideshow is easy; all you…