Browsing Tag

gallery

Sort by

How to Create a Slider to Zoom Photos: New Premium Tutorial
plusvideos

How to Create a Slider to Zoom Photos: New Premium Tutorial

on Aug 18th 2010 with 12 comments

If you’ve ever used a piece of software, like Picasa or iPhoto before, you’ll be aware of the fact that there is a slider at the bottom, which allows you to specify how large each photo should be. Move the slider up a few ticks, and all the photos will zoom in a bit. Thanks to the HTML5 and the new range input, we can mimic this effect rather easily. Along the way, we’ll also learn about a variety of awesome new CSS3 features, including transition, nth-child, rotations, scaling, and more.

Help give back to Nettuts+, and learn the latest techniques at the same time!

(Continue)

How to Build the Trendy New jQuery Sliders: New Premium Tut
plus

How to Build the Trendy New jQuery Sliders: New Premium Tut

on Aug 11th 2010 with 31 comments

jQuery sliders are becoming more popular day by day; with more free and premium sliders pouring in regularly. Knowing how an advanced slider like this works is becoming a must. In this week’s premium tutorial, we are going to create a full-fledged jQuery slider which supports inline comments. Let’s get started! Help give back to Nettuts+ by signing up for a Premium membership.

(Continue)

Combining Modern CSS3 and HTML5 Techniques
plus

Combining Modern CSS3 and HTML5 Techniques

on Apr 14th 2010 with 51 comments

Just because some techniques don’t work in decade old browsers doesn’t mean that you shouldn’t be learning everything you can! Stay on the cutting edge, as we use everything from CSS shadows and animations, to HTML 5 mark-up and local storage, to utilizing jQuery to work with the Picasa API. We’ll also take advantage of the excellent jQuery library, and review some best practices when coding.

Give back to Nettuts and sign up for a Premium membership!

(Continue)

How to Create a Photo Gallery using the Flickr API

How to Create a Photo Gallery using the Flickr API

on Nov 12th 2009 with 91 comments

Flickr is, without doubt, the biggest and best photography website on the internet. There are lots of widgets, badges and plugins which allow you to display your latest Flickr photos on your website, but we’ll take it a step further by tapping straight into Flickr and integrating your photostream into your website, giving you a photo gallery that is a breeze to update.

preview

How to Create an Image Gallery Powered by Picasa

on Oct 20th 2009 with 65 comments

In this tutorial we are going to create a simple image gallery powered by Google’s Picasa Web Albums. In order to enhance the user’s experience, we’ll throw some jQuery into the mix and create a scrollable album carousel.

(Continue)