Designing dark web pages needs special experience in choosing right colors and eyes that can match colors properly. If you want to improve your skill in designing dark websites, one of the best methods is looking at what pro designers have done on their works deeply. In this post, we’ve chosen 10 great dark websites that can inspire and learn you new things as a web designer.

1. Madfrogdesigns

View

2. Rabotilnica

View

3. Krijtenberg

View

4. Manisheriar

View

5. Ryanmcmaster

View

6. Juliusmattsson

View

7. Narfstuff

View

8. Pasti

View

9. ftdesigner

View

10. Starbuckscoffeeathome

View

Related Posts

Firefox plugins are playing a great role in today webdesigners life. There are lots of useful FF addons that help us as a webdesigner have a better web designing experience. Adobe Air apps can also help you. They are small, lightweight, and mostly free! In this post we have featured 9 downloadable apps + 1 online app that are really worthy.

1. WebSnapshot

One of the most repetitive things you may do during your freelance life is taking screen shots of your work and sending it to your clients.  This small app will ease the process and help you spend your time on projects more.

View

2. kuler desktop

The kuler desktop brings Adobe’s color theme web application to the desktop. Additionally, kuler desktop allows you to import color themes directly into Adobe software applications such as Illustrator, Photoshop, and InDesign.

View

3. doomi

“Doomi was designed from the ground up to stay out of your way and out of your browser. It has all the features you use, and none of the ones you don’t. Create, edit, set reminders, and keep archives of your old tasks.”

View

4. Snippage

It would be great if you could check your favorite websites content on your desktop and don’t open heavy browsers for every simple checking. For example for auction websites , search, … . well this adobe air app will help you do just that.

View

5. Psyked

ImageSizer is  a very practical  application built to resize, optimize and rename a batch of jpg images and outputting them as a single compressed zip file.

View

6. Font Picker

Sometimes choosing a suitable font can be time-consuming and picking up one from the crowd may annoy you. This simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project.

View

7. twhirl

Do you use twitter regularly? What a stupid question! Of course yes! twhirl is a desktop client for the  Twitter that builds on the very cool Adobe AIR runtime.

View

8. Klok

Klok is a personal time tracking application that makes it easy for anyone working on multiple clients, projects or tasks to keep track of their hours.

View

9. Snippely

Snippely is a basic text and code organizational tool.  It is a simple free application for your snippets.

View

10. browserlab

Adobe BrowserLab is a browser compatibility service that provides designers exact renderings of their pages on leading browsers.

View

Related Posts

If you’re a designer and still outsource your designs to be coded into HTML, here’s a turning-point for you to boost your clients and accordingly your income as a web designer. Web standard front-end coding isn’t so easy and it needs to learn and test a lot to be known as an advanced coder, but all professional and experienced coders started from coding simple pages and then improved their coding skills day by day.

In this post, we’ve put together all you may need to start learning how to convert psd to html. A complete package of 16 awesome psd to html tutorials that teach you how to code professional designs step by step.

If you don’t have the time to get into coding, or want to focus on design only , or just hate CSS/XHTML, we strongly recommend psdhtmler & psdWordpresser for PSD to HTML/Wordpress. They do quality code at very low prices.

before enjoying, why don’t you subscribe to our rss feed or follow us on twitter.

1. Converting Photoshop Web Template File To HTML/XHTML/CSS Web Page

In these videos tutorial, you will learn how to convert a photoshop web template (PSD) to an HTML document.

These videos are form “css-tricks.com”.

Video tutorial 1 (10:10 minute)

Video tutorial 2 (17:10 minute)

Video tutorial 3 (31:53 minute)

2. Converting Photoshop PSD To XHTML/CSS Video Tutorial

In these 3-part videos tutorial, you will be starting  from a designed web layout , then you will learn how to slice it through PS and code it into a valid web page. The videos are in good quality and you can learn from these videos easily.

Video tutorial episode 1 (22.03 minutes)

Video tutorial episode 2 (25.45 minutes)

Video tutorial episode 3 (23.48 minutes)

3. Build a Sleek Portfolio Site from Scratch

This covers both design and code of a great portfolio template.

Sleek Portfolio Site (Photoshop Tutorial)

Sleek Portfolio Site (PSD File to CSS and HTML)

Sleek Portfolio Site (Demo)

4. How to Convert a PSD to XHTML

This article features screencasts that show you exactly how to convert a PSD into perfect XHTML/CSS.

View Tutorial

Demo

5. Converting a PSD to XHTML/CSS

First step is about creating a layout in Photoshop.

Nighttime Layout (Photoshop Tutorial)

The second is about creating  a XHTML/CSS webiste by slicing the PSD.

Nighttime Layout (PSD To XHTML/CSS)

6. Create a Sleek Web 2.0 Style Website Layout

There are two tutorials on Designing and Coding a Sleek Web 2.0 Style Website Layout.

Sleek Web 2.0 (Part 1)

Sleek Web 2.0 (Part 2)

Sleek Web 2.0 (Demo)

7. Encoding a Photoshop Mockup into XHTML & CSS

Design a vibrant and colorful modern blog layout in Adobe Photoshop.

Design in Photoshop

Convert vibrant and colorful modern blog layout to CSS/XHTML.

XHTML & CSS

Check out the completed webpage.

Demo

8. How to Code a Grunge Web Design from Scratch

In this step-by-step web development tutorial, you will learn how to convert a beautiful and eye-grabbing grunge theme web layout–created from Photoshop in a previous tutorial–into a working HTML and CSS template.

Grunge-themed web layout using Photoshop

Convert PSD To HTML and CSS

Live Demonstration

9. How to Code a Clean Portfolio Design

In the part one, it will cover design a clean portfolio layout in the Photoshop then in part 2 you will convert the PSD file to CSS.

Clean Portfolio Site in Photoshop

Clean Portfolio Design (PSD to CSS)

Live Demo

10. Coding a Clean & Illustrative Web Design from Scratch

In this comprehensive and step-by-step tutorial, you will learn how to convert a Photoshop mockup of a professional web layout design that features an illustrative landscape header into a standards-compliant XHTML/CSS template.

Illustrative Web Design (Photoshop Tutorial)

Illustrative Web Design (PSD File To XHTL/CSS)

Illustrative Web Design (Demo)

11. Coding a Clean Web 2.0 Style Web Design from Photoshop

In this  tutorial, you’ll learn how to build a web page template from a Photoshop mock-up using HTML/CSS and the jQuery library.

Clean Web 2.0 Style Web Design  (Photoshop Tutorial)

Clean Web 2.0 Style Web Design  (PSD File To XHTL/CSS)

Clean Web 2.0 Style Web Design  (Demo)

12. How to Create a Dark and Sleek Web Design from Photoshop

In this web development tutorial, you will learn, step-by-step, how to create a beautiful dark and sleek web layout using standards-based HTML and CSS. Along the way, you will witness how to use CSS Sprites and CSS Text Image Replacement.

Dark and Sleek Web Design   (Photoshop Tutorial)

Dark and Sleek Web Design   (PSD File To XHTL/CSS)

Dark and Sleek Web Design   (Demo)

13. How to Convert a Photoshop Mockup to XHTML/CSS

In this Photoshop tutorial you’ll learn how to Build a complete website design mockup for a fictional design studio.

Photoshop Tutorial

In this part you’ll convert the Photoshop mockup to XHTML\CSS.

PSD File To XHTL/CSS

14. From PSD to HTML, Building a Set of Website Designs Step by Step

An excellent tutorial by the popular nettuts on designing and coding an elegant template.

Photoshop Tutorial

PSD To XHTL/CSS

Demo

15. Converting a Design From PSD to HTML

This is an screencast by nettuts on conversion of PSD to CSS.

View Video Tutorial

16. Slice and Dice that PSD

You will learn slicing up a PSD, dicing it for the web, and serving it on a warm hot plate

View Video Tutorial

Related Posts

If you’re going to improve your blog visibility to attract  your target audience, there is nothing better than using social networking services. Today there are lots of social networking/bookmarking services that people use them every day.  So to help people share your posts easier, using the small icons created for this purpose would be so effective.
In this post I’ve tried to cover all popular free social networking icons released by awesome designers till now.  Fee free to leave a comment and let me know if there are something missing.

Free Social Network Icons

1. Web 2.0 Origami Social Icon Set

“A very unique looking social icon set that resembles social media icons made out of origami paper. The origami icons come in a variety of file format and feature several sites and other applications such as digg, twitter, flickr, apple and itunes”

Download

2. Free Hand Drawn Doodle Icon Set for Bloggers

“This set of free hand drawn doodle icons includes 14 graphics tailored specifically for bloggers. Including social media graphics for Delicious, Design Float, Digg, Facebook, StumbleUpon, Technorati and Twitter as well as commonly used icons such as RSS, Home, Comments, Contact and Wordpress.”

Download

3. Heart: A Free Social Icon Set

” Aset of 22 social icons in .png and in resolutions 16×16, 32×32, 64×64. ”

Download

4. Cheers: A Free “Social” Icon Set

Download

5. Free Vector Social Bookmark Icons

These come in adobe pdf vector format and PNG.

Download

6. Six Free New Social Icons – Digg, Twitter, Stumble, RSS, Delicious & Reddit

“This set of six social icons (Digg, Twitter, Delicious, RSS, Reddit & Stumbleupon) are free to use on your websites and blogs however you wish! The icons are provided many different formats.”

Download

7. IconTexto Web 2.0 User

“Download this free Windows Vista icon pack for your Website or Application. 28 icons in formats PNG (256×256, 128×128, 48×48, 32×32, 16×16), ICO (256×256, 128×128, 48×48, 32×32, 16×16) and ICNS (256×256, 128×128, 48×48, 32×32, 16×16).”

Download

8. Free Vector Icons Set + Twitter Birdy Icon

Download

9. Social Post Stamps: Free icon set

“The icon package contains icons for the following websites: del.icio.us, Designbump, Designfloat, Digg, FlickR, GMail, Google, PayPal, Reddit, RSS, StumbleUpon, Technorati and Twitter. All icons are available in three different sizes: 32×32, 64×64 and 128×128 px. All icons (except for Digg and del.icio.us) have two versions: With a grey border and with a coloured border.”

Download

10. Lontar Icon Social Site Edition

“12 social sites icons free to use for everyone.”

Download

11. Free AJI 3D social media icon set

Download

12. Free 3D social media icon set

Download

13. CS Social Icons – Elegancy speaks!

Download

14. Free 3D Glossy Black Button Social Networking Icons

“Web treat is a set of 108 high resolution 3D glossy black button Social Media/Social Bookmarking/Social Networking Icons.”

Download

15. Webtoolkit4.me icon set

” 19 social icons for you free for any use. They come in 4 different sizes (62×62, 48×48, 32×32 and 24×24) and in PNG form. You can use these icons for free in any project both personal and commercial ones.”

Download

16. Free Vectors – 20 Free Social Bookmarking Icons

” Feel free to use them on your next project. ”

Download

17. Free Exclusive Vector Icons: ‘24 Handy icons’

“Handy’ is a set of 24 free and exclusive vector icons that can be used on websites, logos and more.”

Download

18. Free Social Media Icon Set

“The icon set named “Location” consist of 10 quality social media icons than can be used for private and commercial projects, blogs and web-sites for free, without any restrictions whatsoever. However, not allowed to sell or redistribute the icons without Design was here’s permission.”

Download

19. Free social icon set for download

“For private and commercial projects, blogs and web-sites for free, without any restrictions, Enjoy! You can even allowed to sell or redistribute the icons without the wowcss.com’s permission.

This icon set contains total 28 files in .png format in 2 different shapes 15 are in suared and 15 in circular design format, select which ever suits you. ”

Download

20. Curly Vector Social Icons

Download

21. Free Grunge Social Icons

Download

22. Free Grunge Style Social Bookmarking Icons

Download

23. Kadom Clean Social Icons Set : 40 Free Social-Media Icons

“There are 20 different social-media icons in two sizes : 256×256 pixels and 48×48 pixels. Each icon is in .png format on transparent background”

Download

24. New & Free Social Media Icon Set For Your Blog

” 6 beautiful and clean icons: New RSS, Twitter, Del.icio.us, Stumble Upon, Facebook and Email.”

Download

25. Free Set of Social Media Icons – Rivet Social

“The result is a set of 14 riveted brushed steel icons that not only include the basics but DesignBump, DesignMoo, and DesignFloat as well! You’ll find 14 different 64px x 64px icons in this set in .jpg format.”

Download

26. Free 3D Social Icons

“Free 3D Social Icons are a free icon collection ideal for Web sites and applications associated with all sorts of social networks. The pack delivers images depicting various communication technologies and Web sites.
The icons from the pack come in sizes of 16×16, 20×20, 24×24, 32×32, 48×48, 64×64, and 128×128 pixels, as well as in specially created, extra large sizes of 256×256 and 512×512 pixels. The icons are available in True Color with semi-transparency format. They are delivered in all of the following formats: ICO, PNG, GIF and BMP. Source files in 3D-Max format are also available.”

Download

27. Free Grungy Social Icon Set

“the shiny surfaces have been stripped back and the edges roughened for a grungy, hand drawn look. Enjoy the new look Free Grunge Social Icons.”

Download

28. Free Vector – Social Bookmarking Icons

Download

29. “108” Blue and White Pearl Social Bookmarking Icons

“a set of 108 Blue and White Pearl Social Media/Social Bookmarking/Social Networking Icons.”

Download

30. Icon set: Free glossy social icons

” Glossy social is an icon set which consists of 20 icons for the following services: YouTube, Twitter, Digg, StumbleUpon, Flickr, RSS, Feedburner, Skype, Last.fm, Gmail, Linkedin, Yahoo, Facebook, Delicious, mySpace, reddit, Friendfeed, Wordpress, Vimeo and a generic “Favorite” icon ”

Download

31. New free social icons vector set!

“Here is a new free social icons vector set, which consists of 16 popular icons, available in both vector and PNG (64×64 pixels) format. Free for any use.”

Download

32. Free High Res Whitewashed Star Patterned Social Bookmarking Icons

” a promo pack of 108 free high resolution Whitewashed Star Social Bookmarking Icons.”

Download

33. (max)Icone Blog – Set 3

Download

34. “108” Free Glossy Orange Orb Social Media Icons

Download

35. Social Icons –knobs

” Download it and feel free to use it anywhere! But please you are not allowed to redistribute it”

Download

36. “154” Matte Black Social Media Icons

Download

37. Social Bookmark Sketchy Icons

“They are in png in blue, black, and black with transparency, in the most common vector formats, as usual.”

Download

38. “108” Free Crumpled Paper Social Networking Icons

Download

39. Starry Site! NEW 16 Social Media Icons + PSD!

Download

40. “108” High Res Dark Denim Social Media Icons

Download

41. The Leaves Fall: A Social Icon Set For Bloggers

“a social icon set. This set contains 11 social icons, designed in an autumn-style. The set includes icons for Twitter, Technorati, RSS, Reddit, Facebook, Delicious, StumbleUpon and Digg. You can use the set for free — without any restrictions whatsoever.”

Download

42. Free ‘Social Media Bookmark Icon +’ pack, the ever growing icon set

“14 social media bookmark icons that you can download and use wherever you like, for free as well!”

Download

43. Social Bookmark Iconset

Download

44. Social Bookmark Iconset: Part II

Download

45.Web2.0 site’s logo

Download

46. Free Icons: Function Icon Set, 128 Completely Free Icons

“they are only available in 48×48px. These free icons are exactly that, free!”

Download

47. Social.me

Download

48. WebDev Social Bookmark

Download

49. Circular Social Media Icons

“a pack of 26 circular social media icons (2 sets of 13 icons, a clean set and a distressed set) free for commercial and personal use with no attribution necessary. The download includes 48“x48” .png files.”

Download

50. Social Icons hand drawned

Download

51. Polaroid icon set

“16 PNG icons on some of the most popular web services. YouTube, delicious, RSS, Twitter, Facebook, Flickr, Digg, stumpleupon, mySpace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit and Gmail. As always, these icons are free to use on any kind of project both personal or commercial. The only thing that you cannot do is sell them”

Download

52. Page Peel – A Free Social Media Iconset

The set contains 16 social icons in (transparent)PNG format.

Download

53. Handycons – a free, hand drawn social media icon set

“Handycons is a free, hand drawn social media icon set that contains 12 icons. Package contains icons for del.icio.us, Digg, Mixx, DesignBump, StumbleUpon, Reddit, Developer Zone, DesignFloat, Technorati, Twitter and RSS feed & Email icon, of course. All icons are available in four sizes: 16×16, 24×24, 32×32 and 48×48 pixels.”

Download

54. Social Icons Made of Wood

“The set consists of 11 icons in PNG format (64 x 64). It’s free for both personal and commercial projects.”

Download

55. Socialize Icons

“these free icons set contains all the most popular social icons, placed inside a sticker, making them easy to use in all kinds of projects. Although initially intended to be used by bloggers, these icons go beyond that and can be used in almost any website.
This free icon set contains 12 high quality, free icons in these sizes: 16×16px, 32×32px, 48×48px, 64×64px and 128×128px and 32-bit transparency PNG file format.”

Download

56. IconsETC Black Inlay on Steel Social Media Icons

Download

57. Elegant Social Media Icons Version 2.0

Download

58. FreeHand_ColorStroked icon pac

Download

59. Social Icons in Black

Download

60. Free Social Icon Pack: Nurture

“The set includes 10 icons featuring the logos of popular social bookmarking sites. Nurture includes 512×512, 256×256, 128×128, and 64×64 icons in .png format.”

Download

61. Heart v2: Free Social Iconset in Heart Shape

“This iconset contains 36 39 social media icons in three  different resolutions (64×64, 32×32 and 16×16).”

Download

62. Social Media Mini Icon Pack

“This icon set consists of 30 (16×16) finely crafted social media icons. They are free to use non-commercially. Put them on your blog or on your website to help users bookmark or share your site socially. ”

Download

63. “65” Bookmarks And Social Icons

Download

64. Free 3D social media icon set #3

Download

65. Social 2 Duo

Download

66. Social media icons

Download

67. Floral Social Icon Set

Download

68. Set of social grunge icons

Download

69. “108” Glossy Black Comment Bubble Social Networking Icons

Download

70. Pink Jelly Social Networking Icons

Download

71. “108” Free Retro Grunge Stripes Social Media Icons

Download

72. Set of social icons no.2

Download

73. Glossy Waxed Wood Social Networking Icons

Download

74. Social Networking Icons

“Each zipped pack contains 256×256, 128×128, 80×80, 64×64, 48×48, 32×32, 24×24, 16×16 (approx. dimensions) PNG images, which you can use for free, on your sites, blogs, projects etc. provided you stick to the terms of use”

Download

75. Ultra Glossy Silver Button Social Media Icons

Download

76. App Icon – EventBox

Download

77. 108 Free Black Magic Marker Social Bookmarking Icons

Download

78. 108 Free Matte White Square Social Networking Icons

Download

79. Social Icons Pack

Download

80. Ten Free iPhone Social Bookmarking Icons Set 2

Download

81. “108” Free Glowing Neon Social Networking Icons

Download

82. Set of social icons no.4

Download

83. Blue Jelly Social Media Icons

Download

84. Social Networking Icons Inspired by Twitter

Download

85. Free Icon set for bloggers consisting of 10 icons

“Free Icon set for bloggers consisting of 10 icons: StumbleUpon.com & Ma.gnolia.com & Technorati.com & del.icio.us & DesignFloat.com & Digg.com & RSS & Twitter.com & Facebook.com & Reddit.com. Each icon is produced in the following sizes: 80?80 & 64?64 & 32?32. Please note: these free icons are intended only for your personal or educational use. You are not allowed to use them with commercial purposes. You may share them only providing link to Templates.com.”

Download

86. SocioLEGO A Free Social Icon Set

“This social icon set is a colorful collection of lego bricks featuring some famous social icons. The SocioLEGO Icon Set has 11 Social Icons, each in 256×256, 128×128, 64×64 and 32×32 sizes. They are all in PNG format. They are free for personal and commercial use with no restrictions on usage.”

Download

87. Extended set of social icons

Download

88. Social Web Buttons – Set 1

Download

89. (max)Icone Blog – Set 2

Download

90. Handycons 2 – another free hand drawn icon set

Download

91. (max)Icone Blog – Set 1

Download

92. Website Icons Vol.1

Download

93. Socials PNG icons by giZ

Download

94. Social Media Icons Pack in 3 Sizes for Download

Download

95. Set of social icons

Download

96. Drink Web 2.0 Icon Pack 01

Download

97. WHITE MAGIK – A Free Social Icon Pack

“Includes: 45 Icons
Blogger /Blogspot , Delicious, Digg, Facebook, flickr, Design float, Linkedin, Mixx, Myspace, Netvibes, Reddit, RSS, StumbleUpon, Technorati, Twitter, Visualizeus, Wordpress, Yahoo, Apple, Blinklist, Design bump, Google, MySpace, Orkut, Yahoo Buzz, YouTube !”

Download

98. Sixty Five Free Social Icons for Blogs

Download

Related Posts

Nowadays, using jQuery effects is getting  increasingly popular within web templates and if you check some of new designed themes on themeforest , you probably can’t find a popular theme without any kind of jQuery effects. One of those effects that designers use it widely is jQuery image slideshow or image gallery which can be implemented easily by lots of free jQuery slideshow plugins and tutorials featured here.

In this post,  I’ve tried to cover both available tutorials and plugins to let learn how to create simple jQuery image sliders as well as simply use ready-to-use plugins.

Please don’t forget to subscribe to our RSS Feed or Follow us on twitter for more resources.

jQuery Slideshow/Slider Tutorials

1. A Simple jQuery Slideshow

As the first tutorial, you can take a look at this one to create a simple slideshow using jQuery, JavaScript and a bit of CSS.

Visit it

2. Create a Slick and Accessible Slideshow Using jQuery

This is an in-depth tutorial that help you to learn how to create a usable and web accessible slideshow widget for your websites using jQuery, HTML and CSS.

Visit it

3. Building a jQuery Image Scroller

In this tutorial you will learn how to create an image scroller using jQuery and its great animation features. Although creating an image scroller is not something new, but this scroller would be different because it would be completely autonomous and will begin scrolling one the page loads.

Visit it

4. Sliding Boxes and Captions with jQuery

In this jQuery tutorial you will learn how to create some sliding box animations that are based on the same basic idea. There is a div tag that essentially acts as a window where two other items of your choosing “peek” through.

Visit it

5. Creating an Image Slider

In this jQuery tutorial the author is going to explain how to create a jQuery effect. When a holder is hovered over the top image slides down to reveal the image underneath. The author also explains how to use position absolute to float an image in the top right to show the image in new.

Visit it

6. Create Beautiful jQuery slider tutorial

As a jQuery tutorial, this item would be really helpful when you need to create a beautiful jQuery sliders with image description and names.

Visit it

7. Simple JQuery Image Slide Show with Semi-Transparent Caption

This jQuery tutorial would help you a simple image slide show with a semi-transparent caption. This would be really suitable to display news headlines.

Visit it

8. Create a Simple Image Slide Show using jQuery

This jQuery tutorial is about creating slideshow that the number of image tags are not fixed.

Visit it

9. Slide and hide section with jquery

To create a perfect jQuery effect (just as like as you are seeing in the picture above) just visit their website to read that jQuery tutorial.

Visit it

10. Making a Slideshow with jQuery

This would be another jQuery tutorial to create a slideshow. The preview above says all about itself.

Visit it

11. jQuery – Creating a Slideshow

Learning this jQuery tutorial helps you to create a slideshow. Also you would be able to use the slideshow to display everything you like putting in HTML.

Visit it

12. Simple jQuery slideshows

Just another jQuery tutorial to create a simple jQuery slideshow.

Visit it

13. Creating a Slick Auto-Playing Featured Content Slider

Amazing tutorial that allows you to have kinds of fun way to show many content in a small area.

Visit it

14. How to add Slideshow to jQuery lightbox plugin

In this jQuery tutorial you will learn how to extend a jQuery lightbox plugin to have a slideshow.

Visit it

15. jQuery Slideshow Explained

Learn how to implement a jQuert slideshow from scratch.

Visit it

jQuery Slideshow/Slider Plugins

1. Supersized jQuery Plugin

The preview above can describe the plugin’s function completely.

Visit itDemo

2. The Easiest jQuery Plugin For Sliding Images and Content

This is an easy to use jQuery plugin for sliding contents and images. The features of this jQuery plugin are listed below:

• auto slide
• continuous sliding
• “go to first” and “go to last” button
• hiding controls
• optional wrapping markup for control buttons
• vertical sliding
• multiple sliders on one page

Visit it

3. GalleryView: A jQuery Content Gallery Plugin

This jQuery plugin is called GalleryView. It aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

Visit it

4. Image Flow

In fact Image Flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.

Visit it

5. S3Slider jQuery plugin

s3Slider is a free plugin built in jQuery for cross-fading slideshow.

Visit it

6. Spacegallery – jQuery plugin

This jQuery plugin is called SpaceGallery which provides a great new visual effect for your images.

Visit it

7. A ‘pro’ jQuery image slider built on a single unordered list

slideViewerPro is a fully customizable jQuery image gallery engine wich allows you to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.

Visit it

8. EOGallery

EOGallery is a web animated slideshow gallery made with jQuery. It only uses basic jQuery functions.

Visit it

9. Smooth Div Scroll

This is a jQuery plugin that scrolls content horizontally left and right. This jQuery plugin is called Smotth Div Scroll. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hot spots within the scrollable area or via autoscrolling.

Visit it

10. jQuery virtual tour

This jQuery plugin would be really amazing to have some great effects to create a virtual tour.

Visit it

11. Ultimate Fade-in slideshow

Another jQuery slideshow plugin in our list. I have just listed the features below:

• Sleek fade in effect that has the current image fading over the previous one.
• Ability to display images either as an automatic or manual slideshow. In manual mode you define your own “prev/next” controls to let the user go through the slides.
• In automatic mode, slideshow can be set to stop rotating after x cycles.
• Each slide can be optionally hyperlinked.
• Each slide can have an optional description associated with it. Descriptions can either be set to show on demand (when the mouse rolls over the slide), or be always visible until explicitly dismissed.
• Persistence of last viewed slide supported, so when the user reloads the page, the slideshow resumes from the last slide.
• Slideshow automatically pauses on Mouseover.

Visit it

12. homejQuery Cycle Plugin

A lightweight slideshow plugin that is called jQuery Cycle. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects.

Visit it

13. Open Source Flickr Photo Gallery Using jQuery

Here I’m going to introduce to you another jQuery plugin called FlickrPhotoGallery. This is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

The main functionalities of this gallery are listed below:

a) Pulling images in from a Flickr Gallery

b) Growing or shrinking the gallery area depending on the size of the images

c) Offering a lightbox effect for small images

d) All features above can be turned off

Visit it

14. A jQuery image slider built on a single unordered list

slideViewer is a lightweight (1.5Kb) jQuery plugin which allows you to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images

Visit it

15. Pirobox

This is another jQuery plugin we are going to feature. All features are listed below:

• The script weight has decreased by 40%, now weighs only 15KB, (9KB Minified)
• There is a choice between three different styles (shadow,white or black)
• Slideshow option
• Multiple image set option
• PngFix for Internet Explorer 6
• Keyboard navigation: Right arrow [next], Left arrow [prev], ESC [close]
• Previoue and Next buttons outside or inside the imageBox.
• Broken Link Check
• Automatic repositioning of the image in the browser window
• Browser compatibility = FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 6+

Visit it

16. Dynamic Image Gallery and Slideshow

This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. You can also imagine that a full-featured slideshow gallery under 4kb.

Visit it

17. Supersized – Full Screen Background/Slideshow jQuery Plugin

Supersized is a full screen background/slideshow jQuery plugin with these features:

• Resizes images to fill browser while maintaining image dimension ratio
• No extra whitespace, no scrollbars – the entire browser window is always filled
• Compatible in Firefox, Safari, Opera, IE7, and IE6
• Ability to cycle through images/backgrounds via slideshow

Visit it

18. Slideshow

This jQuery plugin simply creates an image slideshow. The slideshow can autoplay slides, each image can have caption, navigation links: next, prev, each slide.

Visit it

19. Accessible News Slider

As the author has described this jQuery plugin, Accessible News Slider is a JavaScript plugin built for the jQuery library.

Visit it

20. Moving Boxes

Although this is another jQuery plugin in our list, but it has a big difference. The big difference here is that there are buttons to change panels and the panels zoom in and out. Fun!

Visit it

21. jQuery.slideShow

Although the preview above describes all about this jQuery plugin, but to make it more clear we can say: “this is a very simple and very easy to use slideshow plugin for jquery. It will automatically create a slideshow with navigation out of your image list. “

Visit it

22. Simple Controls Gallery

This jQuery plugin would be really useful for who wants to display images as an automatic slideshow that can be also explicitly played or paused by the user. More features are listed below:

• Displays images either as an automatic or manual slideshow, with the image faded into view over the previous. A Navigational Panel slides up when the mouse rolls over the gallery to play, pause, or step through to a specific image within the gallery.
• In automatic mode, set the number of cycles before the script stops rotating. New in v1.3
• Each slide consists of an image that can be hyperlinked.
• Each slide can have a description associated with it. When defined, a Description Panel slides down from the top of the gallery showing the description. New in v1.3
• The gallery supports persistence of the last viewed image via session cookies, so going away then coming back to the gallery calls up the last viewed image within a browser session.

Visit it

23. YMslider plugin

It is a simple dynamic, light-weight (2,1K) and non-intrusive content slider jQuery plugin, fully CSS customisable (theme support) with respect of accessibility and W3C standard rules (strict xHTML valid) …

Demo

Download

Related Posts

Flash galleries are getting more and more popular these days. If you’re going to give a professional look to your image gallery, this post is your chance to check out over 38 professional ones, of course for free! these flash image galleries have a number of features such as supporting Flickr, Picasa, and XML file. There is also a link to 24 beautiful Free Picasa image galleries. Enjoy!

1. Flash Gallery

Flash Gallery is a FREE flash gallery which let you use it in any kinds of personal and/or commercial projects. but your are not allowed to redistribute or resold it to other companies. It has a loading bar for each image built-in.

Visit itView Demo

2. Collection of 24 Free Picasa Flash Gallery

“Here are some Picasa web templates to create web Flash and HTML photo galleries and slide-shows using Google’s Picasa without any knowledge of Flash, HTML, CSS and Javascript. Use these free templates to showcase your photos and images.”

Visit it

3. Flash-Gallery.org

This free flash gallery with 3 different layouts let you create a slideshow on your website fast and easily. You don’t need any technical knowledge to install it. Once it got embedded into your page, it will show the images from a specific folder or from flickr.

1. easy installation (no programming skills required)
2. forms slideshow automatically (scans specified folder for images, creates thumbnails and uses filenames for titles)
3. supports Flickr photostream
4. customizable design
5. fully resizable
6. fullscreen option
7. autostart option

Visit it View Demo

4. Free Flash & XML Slideshow Photo Gallery

This would be another free Dynamic Flash Slideshow Photo Gallery. Using this free dynamic flash slideshow lets you to easily add, edit or delete images and thumbnails by editing a XML file via Notepad. Creators of this say: “Creating your own Flash slideshow photo gallery has never been easier!” Visit their page and their demo for a Flash and XML slideshow photo gallery. Due to their terms of service: 1. The Entheos Flash Photo Galleries may be used in any kinds of personal and/or commercial projects. 2.The Entheos Flash Photo Galleries may not be redistributed or resold to other companies or third parties

Features of the Entheos Free Dynamic Flash & XML Photo Slideshow:

1. Flash Slideshow Photo Gallery
2. Next and Previous Buttons
3. Add unlimited number of images
4. Add photos and captions easily in an XML file which can be easily edited in Notepad
5. Preloader for loading images
6. Images are loaded externally from a photos folder
7. Neat fade-in and fade-out photo transition effect

Visit it

5. Free Flash & XML Photo Album with Categories

Another Free Flash & XML Photo Album with different categories. To use this, you don’t need the Flash software for editing the gallery. Just as like as many other items you can easily add, edit or delete pictures and categories by editing a xml file in Notepad. This would be the easiest way to create your own gallery. You can add unlimited number of categories and photos!

Features of the Entheos Free Dynamic Flash & XML Photo Gallery with categories:

1. Add unlimited number of categories
2. Add unlimited number of images
3. Next and Previous buttons to navigate – The next and previous buttons get disabled when you reach the last or first image.
4. Images are loaded externally from a photos folder
5. Nice fade-in and fade-out photo transition effect
6. Add categories, photos and captions easily in an XML file which can be easily edited in Notepad

Visit it

6. SimpleViewer

SimpleViewer is another free, customizable Flash image gallery. It allows you to display your images on any web page in a professional, intuitive and simple way. They have write full instructions and guides on their website.

Controls

1. Mouse: Click or use mousewheel to navigate
2. Keyboard: Use Cursor keys, Home, End, Page Up/Down to navigate
3. Right-Click Menu: Open Image in New Window (optional)

Visit it

7. Agile Gallery – Flash Photo Gallery

Agile galleries are available for Ajax and Flash. The Flash version is a free Flash photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. It also includes a slideshow feature.

Flash Player is required to view the gallery because the Flash version of AgileGallery uses a Flash to render the gallery.

View DemosVisit it

8. Free Flash Photo Album

This would be another item for our today list. It has some different features listed below:

1. It is FREE
2. Dynamic Picture loading
3. Easy to install and easy to change content
4. Show pictures automatically with slideshow
5. Integrate to any web site
6. No server side scripting or database requirement
7. Adds great look and functionality to your web site
8. Specify other configuration file like asp or php.
9. Showing selected image on thumb and showing selected page of thumbs.
10. . Ability to show up to 1200 images. [added on 16.07.2006]

Visit their website for download, demo, preview, how to install, license.

Visit it

9. dfGallery 1.0

Depending on your ideas this gallery would be one of the best galleries currently on the web. Although this has got tested, but still having it in Alpha version.

Features:

1. Flash Gallery to support both Flickr , Picasa , Fotki, Photobucket and Custom Images.
2. Enable / Disable “Print Screen” ( requested by Photographers )
3. Easily Customizable
4. Full Screen mode. ( on the Right Click – Flash Player 9)
5. Supports both RSS and Custom Images.
6. Liquid Layout – Fits to any size you specify.
7. Background MP3 music.
8. Multiple language support.
9. Notifies if a new update is available.
10. … and its FREE

Visit it

10. Flash Page Flip Photo Gallery

The most important note about this one is that this template is based on the free version of the FlashPageFlip flash engine on www.flashpageflip.com. It lacks the advanced functions of the commercial versions but still makes a very nice photo album on your website. You can see and hear the pages flip.

This is really nice that the download offers two templates: one for a landscape oriented album, and the other one for a portrait oriented album. Sizes can be changed by editing the header.xml file in the template folder. The default frontpage can be removed by changing the header.xml file.

important: After Picasa has created all the files for this gallery you must move the file pages.xml manually to the folder /xml/. This is caused by limitations of the Picasa template language.

Visit it

11. TiltViewer

This free, customizable 3D Flash image viewing application is called TiltViewer. TiltViewer let users have nice controls listed below:

Controls:

Mouse

1. Click images to zoom-in, click again to zoom-out.
2. Click the background to zoom-out.
3. Click the ‘reload’ button (below the image grid) to load a new set of images.
4. Click the ‘flip’ button (bottom-right of a zoomed-in image) to see image details.

Keyboard

1. Cursor keys to navigate between images.
2. Space-bar to zoom in/out.
3. ‘F’ key to flip an image (when zoomed in).

Right-Click Menu

Go Fullscreen. Opens TiltViewer in fullscreen mode. Right-click and select ‘Exit Fullscreen’ to revert to regular mode. Note keyboard navigation does not work in full-screen mode.

Visit it

12. AutoViewer

Another free, customizable flash image viewer that is called AutoViewer. AutoViewer is designed to display a linear sequence of images and captions and have some nice controls listed below:

Controls

Mouse

1. Click next/back buttons to navigate between images.
2. Click the play/pause button to toggle auto-play mode.

Keyboard

1. Space-bar: toggles auto-play mode.
2. Left/Right cursor keys: navigates between images.
3. Home/End keys: navigates to first/last image of gallery

Right-Click Menu

Open Image in New Window… Opens currently selected image in a new browser tab or window. Allows user to download images.

Visit it

13. PostcardViewer

Another free, customizable Flash image viewer called PostcardViewer. The interface is based on the real world metaphor of a set of postcards shuffled onto a surface. Nice and useful controls are listed below:

Controls

1. Mouse: Click to zoom in and out.
2. Keyboard: Cursor keys to navigate. Spacebar to zoom in/out.
3. Right-Click Menu: Open Image in New Window (optional)

Visit it

14. Zen Flash Gallery

Zen Flash Gallery has already listed in other websites. And we have also listed this in our new varied list. Zen Flash Gallery author’s design and smart usability make it the most elegant way to present your media content

Visit it

15. Art Flash Gallery

One of the most important features for Flash Galleries is ‘flexibility’. Art Flash Gallery organically blends with any design thanks to flexible appearance settings. You can publish any photos and images on your site in a matter of minutes using gallery.

Visit it

16. Polaroid Gallery

This free, opensource flash gallery is called Polaroid Gallery and is developed by Christopher Einarsrud, in the year of 2006.

Visit their website for XML Support, Flexible configuration, Various Transition Effects, Complete Docs, Trial Version

Visit it

17. Photo Viewer

Just as like as many other Free flash photo galleries the Photo Viewer uses both Flash and XML. All data is stored within an XML file making it easy to make modifications and update.
Download the photo viewer, upload your images and modify the XML -
As you know, this would be the easiest way.

Visit it

18. free flash slideshows

A great, light and easy customizable Flash movie that you can use to enhance your web pages for presenting your images with nice, 3d stylish effects.

It can be used as:

• a nice photo slideshow
• an effective product showcase
• a cool menu for your site

Visit it

19. FIG Free Flash Gallery

To have a short preview about it we can say: FIG provides a versatile Adobe Flash interface for displaying images on the web. It has a small file size, a simple intuitive interface, and is easy to install and use.

Features

1. Free for personal use
2. Unlimited galleries
3. Any size thumbnails
4. Any size of images
5. Can be embedded in any web page at any size

View DemosVisit it

20. Free Flash Gallery

This would be another Free and easy to integrate Flash image gallery for download. Using this Flash Gallery let you create awesome online flash portfolios. It also supports multiple categories and ability to add image descriptions.

More features:

1. FREE Flash Gallery
2. Easy to setup and use
3. Forms slideshow automatically
4. Fully customizable design (source files included)

Are you a flash developer? You can have a chance to edit source file and implement this flash gallery component at your website.

View DemoVisit it

21. The Flash XML Gallery – Free Download

Yes, This is the actual gallery running on the Works section of their site.

Key features:

1. A wide range of Transitions
2. One-Click Flickr and Picasa Integration
3. Albums
4. and lot more… i’ll review once the alpha is running.

Visit it

22. 3D Grid Photo Gallery

An amazing 3D Photo Gallery which has some amazing varied effects using Papervision3D and XML (as like as some other listed items.)

Visit it

23. photoDiary

As a web application, photoDiary 1.0 is developed by Webgriffe which lets you to easily publish a brand new photo blog on the web. The application frontend is built upon Flash technology and data is managed through a dedicated web control panel, developed in PHP.

To run photoDiary on your own web server, support for MySQL, PHP and GD Library technologies is required.

Visit it

24. Slideroll Gallery

Slideroll Gallery AV is simple software that makes creating your own Flash photo & video gallery easy and fun. It also allows you to create great-looking, customizable Flash photo and video galleries. Simply drag and drop your photos and videos onto the creator. It Works with the Flip Video and Flip Ultra Camcorders, too!

Visit it

25. Circular Thumbnail Gallery

This would be another free flash photo gallery on the web that lets you to create circular thumbnail gallery.

Visit it

26. WS-Slideshow

Although this is another free item that allows you to create your own flash photo galleries, but it has some unique features which are listed below:

1. Latest version: 1.4.0 – Download now!
2. Free for private, non commercial use *
3. Without logo for commercial use *
4. Easy setup or update using WS-Slideshow Configurator
5. Tons of behaviors, styles and properties can be customized
6. Unlimited slides using an intelligence loading management
7. Slides based on *.gif, *.png or *.jpg files
8. Unlimited albums including looping system
9. Descriptions for any album or slide
10. Support for Flickr
11. Scaleable from 300 x 220 up to full screen
12. All languages are supported
13. Keyboard shortcuts
14. File size only 76kb
15. Adobe Flash Player version 9.0.28 or later

Visit it

27. IMAGIN flash photo gallery

Imagin is a free software that can organize photos and create slideshows using them. It works by pointing it to a folder that contains photos – Imagin can work by unlimited photos – and everything else is automatic.

Visit it

28. Grid Thumbnail Gallery

A free thumbnail gallery with a different effect than other listed items.

Visit it

29. Multi Photo Galleries

This free flash photo gallery allows you to have your categories on the left side, then clicking on each of them shows some thumbnails on the left side and finally clicking on them, causes showing full size on right side.

Visit it

30. Invent Media Flash PhotoGallery

This free flash photo gallery allows you to have a horizontal navigation of thumbnails at the bottom of your screen. We have listed key features below:

Navigation tools:

• Next Image button
• Previous Image button
• Play button (start slideshow)
• Pause button (stop slideshow)
• Thumbnail bar scroll left
• Thumbnail bar scroll right
• Fullscreen mode
• Zoom in
• Zoom out
• Cancel zoom
• Fit to screen mode
• Help

Features:

• 100% free to use
• No Flash or Action Script programming required. Image location read from an .xml file.
• Can load images from any location including subdirectories
• Slideshow function. Automatically transition from image to image
• Thumbnail bar
• Image count X of Y e.g. image 6 of 20
• Customizable image caption. Also read from the .xml file
• Fullscreen mode with fit to screen button and zoom controls
• Help screen
• Fully scalable, can be set to any size
• Background color can be set to any color
• Transparent background (transparent mode is not compatible with all browsers)
• Small file size
• Automatically scales large images to fit. Image are not resized so quality is preserved
• Download preloader with progress bar. Indicates the progress of large images
• Download includes documentation and full working demo with html code
• Helps to protect images from piracy
• Supports an unlimited number of images

Visit it

31. xml photo album

Running XML photo album shows some thumbnail, clicking on them shows that full size picture with a next and previous button. rxml photo album automatically develops all of your multimedia files into a portfolio presenter. All you need to do is to sort images,audios(mp3),videos(flv) in your data XML file. Extremely easy!!

Visit it

32. PhotoFlow Flash Gallery

Another free flash photo gallery that is called PhotoFlow. Use the famous streamline photo flow effect on your website. This effect is well known because of the cover flow gallery switching from iTunes.

Visit it

33. Stack Photo Gallery

Get natural looking tool emulating a set of photos for your website. No unnecessary options. Just take and use. Visit their website for XML Support, Flexible configuration, Various Transition Effects, Complete Docs, Trial Version.

Visit it

34. Box Flash Gallery

As a Flash Gallery Box Flash Gallery would be a natural and compact way to present your photos online. Use the usable table structure of thumbnails for navigating through your online flash album. Visit their website for XML Support, Flexible configuration, Various Transition Effects, Complete Docs, Trial Version.

Visit it

35. Knopok Web site Gallery

Just as an other flash gallery Knopok Web site Gallery is listed in our huge varied list.

Features of web site gallery

1. Fits in practically any design. Compact.
2. Knopok Gallery’s size is less than 14 kb. Small.
3. The only thing you have to pay for it is backlink. Free.
4. User can navigate in many ways. Great Look and Feel.
5. Knopok picture gallery is driven by custom simple txt file. Easy.
6. Pictures are loaded in a very smart way. Optimised for slideshow. Fast.
7. You can load different galleries (categories) even within one page. Web 2.0.
8. You can specify the content file that gallery should load in Javascript. Super Dynamic.

Visit it

36. 3D Curve Photo Gallery

3D Curve Photo Gallery allows you to have an amazing roller as a photo gallery. Just as like as many other items, 3D Curve Flash Photo Gallery uses Papervision3D and XML

Visit it

37. Flash Gallery Maker

As another flash gallery, Flash Gallery Maker Free Version is a light-weight and easy-to-use flash creator. Three steps to burn Photo Gallery and Photo Slideshow are: organizing photos, choosing flash theme and publishing photo slideshow.

Visit it

38. Stack Photo Gallery

As the last item in our list we are talking about another flash photo gallery is called Stack photo gallery – Flash XML gallery built on Adobe Flash CS3 ActionScript 3.0

Visit it

Related Posts