<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Artishock</title>
	<atom:link href="http://www.artishock.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.artishock.net</link>
	<description>Web Design Studio</description>
	<lastBuildDate>Sun, 13 Nov 2011 22:34:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>How to change WordPress default email From name and address</title>
		<link>http://www.artishock.net/wordpress/how-to-change-wordpress-default-email-from-name-and-from-address/</link>
		<comments>http://www.artishock.net/wordpress/how-to-change-wordpress-default-email-from-name-and-from-address/#comments</comments>
		<pubDate>Fri, 24 Sep 2010 15:26:48 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[admin email]]></category>
		<category><![CDATA[change wordpress default email]]></category>
		<category><![CDATA[email address]]></category>

		<guid isPermaLink="false">http://www.artishock.net/?p=721</guid>
		<description><![CDATA[This post explains how you can customize name and email address that appears on all messages sent from your WordPress blog. By default the &#8220;From Name&#8221; in these messages will show as &#8220;WordPress&#8221; and "From" address will look like &#8220;wordpress@your-domain.com&#8221;. If this is not the way you want it - read on, as there is an easy way of customizing both these fields. <a href="http://www.artishock.net/wordpress/how-to-change-wordpress-default-email-from-name-and-from-address/"><br/><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.artishock.net%2Fwordpress%2Fhow-to-change-wordpress-default-email-from-name-and-from-address%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.artishock.net%2Fwordpress%2Fhow-to-change-wordpress-default-email-from-name-and-from-address%2F&amp;source=artishocknet&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>You are probably reading this post because have already noticed, that every time someone submitted a comment on your blog, signed up as a user or did anything that required WordPress to generate and send an e-mail, by default the &#8220;From Name&#8221; in that message appeared as &#8220;WordPress&#8221; and &#8220;From&#8221; address was &#8220;wordpress@your-domain.com&#8221;.</p>
<p>If this is not the way you want it &#8211; read on, as there is an easy way of customizing both these fields.</p>
<p>So how can you change these WordPress default email settings for FromName and From address.</p>
<p>So far I found three ways of doing it:</p>
<p>a) you can install a WordPress plugin, for example: <a href="http://www.tipsandtricks-hq.com/wordpress-plugin-change-wp-email-from-details-1883" target="_blank" title="Change WP eMail From Details">Change WP eMail</a> from Tips &#038; Tricks HQ;</p>
<p>b) edit pluggable.php file, look for lines 372-396, and make changes in:</p>
<pre class="brush: php; first-line: 375; title: ;"> $from_name = 'WordPress';</pre>
<p>change &#8216;WordPress&#8217; to &#8216;your name or your website&#8217;</p>
<pre class="brush: php; first-line: 391; title: ;"> $from_email = 'wordpress@' . $sitename;</pre>
<p>change &#8216;wordpress@&#8217; to &#8216;your name@&#8217;</p>
<p>Remember the email address you are changing this to must exist either as a mailbox or a forward.</p>
<p>c) add filter to functions.php file</p>
<p>The third option is my favourite and comes from <a href="http://www.deluxeblogtips.com/2010/04/change-wordpress-default-email.html" target="_blank" title="Deluxe Blog Tips">Deluxe Blog Tips</a>. I prefer to keep all my tweaks in one functions.php file as later I can easily reuse them on another project.</p>
<p>So how do we do this. </p>
<p>First of all you need to find and open functions.php file &#8211; it should be in your template folder.</p>
<p>Open it and either at the beginning or the end (as you prefer) &#8211; paste the following code:</p>
<pre class="brush: php; title: ;">
/** changing default wordpres email settings */

add_filter('wp_mail_from', 'new_mail_from');
add_filter('wp_mail_from_name', 'new_mail_from_name');

function new_mail_from($old) {
 return 'your email address';
}
function new_mail_from_name($old) {
 return 'your name or your website';
}
</pre>
<p>Obviously you have to replace &#8216;your email address&#8217; with your actual address, and &#8216;your name or your website&#8217; with the name that you want to appear as FromName on all messages.</p>
<p>Now, aave file and upload.</p>
<p>These filters will simply override default WordPress email settings.<br />
<br/><br />
I hope one of these three solutions worked for you, share and enjoy.</p>
<div id="summary">
<p><span>Sources for this tutorial:</span></p>
<ol>
<li>Tips&#038;Tricks HQ: <a href="http://www.tipsandtricks-hq.com/wordpress-plugin-change-wp-email-from-details-1883" target="_blank" title="WordPress Plugin – Change WP eMail From Details">http://www.tipsandtricks-hq.com/wordpress-plugin-change-wp-email-from-details-1883</a></li>
<li>Deluxe Blog Tips: <a href="http://www.deluxeblogtips.com/2010/04/change-wordpress-default-email.html" target="_blank" title="Change WordPress Default Email From Name And Address">http://www.deluxeblogtips.com/2010/04/change-wordpress-default-email.html</a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.artishock.net/wordpress/how-to-change-wordpress-default-email-from-name-and-from-address/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 highest rated Kuler colour themes &#8211; p.2</title>
		<link>http://www.artishock.net/graphics/colours/10-highest-rated-kuler-colour-themes-2/</link>
		<comments>http://www.artishock.net/graphics/colours/10-highest-rated-kuler-colour-themes-2/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 09:49:31 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Colours]]></category>
		<category><![CDATA[#color]]></category>
		<category><![CDATA[colour themes]]></category>
		<category><![CDATA[kuler]]></category>

		<guid isPermaLink="false">http://www.artishock.net/?p=704</guid>
		<description><![CDATA[Kuler is Adobe's internet application for generating colour themes. No matter what you're creating, with Kuler you can quickly create inspiring themes, thanks to easy-to-use tools like colour wheel, harmony rules or colour sliders. You can also browse thousands of colour themes already created by the Kuler community searching by tag word, title, creator, or hex colour. <a href="http://www.artishock.net/graphics/colours/10-highest-rated-kuler-colour-themes-2/"><br/><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.artishock.net%2Fgraphics%2Fcolours%2F10-highest-rated-kuler-colour-themes-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.artishock.net%2Fgraphics%2Fcolours%2F10-highest-rated-kuler-colour-themes-2%2F&amp;source=artishocknet&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://kuler.adobe.com" target="_blank" title="Kuler - explore, create and share colour themes">Kuler</a> — in case you didn&#8217;t know &#8211; is Adobe&#8217;s internet application for generating colour themes. No matter what you&#8217;re creating, with Kuler you can quickly create inspiring themes, thanks to easy-to-use tools like colour wheel, harmony rules or colour sliders. You can also browse thousands of colour themes already created by the Kuler community searching by tag word, title, creator, or hex colour.</p>
<p>Below you will find another 10 colour themes highest rated by the Kuler community.</p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/1010037" target="_blank" title="Butterflutter Kuler theme">Butterflutter</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/1010037" target="_blank" title="Butterflutter Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/butterflutter.gif" alt="Butterflutter Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/738279" target="_blank" title="Haiti Relief Kuler theme">Haiti Relief</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/738279" target="_blank" title="Haiti Relief Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/haiti-relief.gif" alt="Haiti Relief Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/1007684" target="_blank" title="Aman Iman, Water Is Life Kuler theme">Aman Iman, Water Is Life</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/1007684" target="_blank" title="Aman Iman, Water Is Life Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/water-is-life.gif" alt="Aman Iman, Water Is Life Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/15325" target="_blank" title="Sandy Stone Beach Ocean Diver Kuler theme">Sandy Stone Beach Ocean Diver</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/15325" target="_blank" title="Sandy Stone Beach Ocean Diver Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/sandy-stone-beach-ocean-diver.gif" alt="Sandy Stone Beach Ocean Diver Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/945058" target="_blank" title="Raspberry Creme Kuler theme">Raspberry Creme</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/945058" target="_blank" title="Raspberry Creme Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/raspberry-creme.gif" alt="Raspberry Creme Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/879473" target="_blank" title="Jejune Kuler theme">Jejune</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/879473" target="_blank" title="Jejune Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/jejune.gif" alt="Jejune Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/929048" target="_blank" title="Life in the 50s Kuler theme">Life in the 50s</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/929048" target="_blank" title="Life in the 50s Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/life-in-the-50s.gif" alt="Life in the 50s Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/758446" target="_blank" title="Black Cherry Mocha Kuler theme">Black Cherry Mocha</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/758446" target="_blank" title="Black Cherry Mocha Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/black-cherry-mocha.gif" alt="Black Cherry Mocha Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/946917" target="_blank" title="The Architect Kuler theme">The Architect</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/946917" target="_blank" title="The Architect Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/the-architect.gif" alt="The Architect Kuler theme"/></a></p>
<h3 class="divider"><a href="http://kuler.adobe.com/#themeID/971880" target="_blank" title="Japanese Art Kuler theme">Japanese Art</a></h3>
<p><a href="http://kuler.adobe.com/#themeID/971880" target="_blank" title="Japanese Art Kuler theme"><img src="http://www.artishock.net/images/categories/graphics/colours/kuler-02/japanese-art.gif" alt="Japanese Art Kuler theme"/></a></p>
<div id="summary">
<p><span>Source of text and images:</span></p>
<ol>
<li>Adobe Kuler: <a href="http://kuler.adobe.com" target="_blank" title="Kuler - explore, create and share colour themes">http://kuler.adobe.com</a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.artishock.net/graphics/colours/10-highest-rated-kuler-colour-themes-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>900 descriptive google map POI markers and icons &#8211; free</title>
		<link>http://www.artishock.net/graphics/icons/900-descriptive-google-map-poi-markers-and-icons-free/</link>
		<comments>http://www.artishock.net/graphics/icons/900-descriptive-google-map-poi-markers-and-icons-free/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 16:11:15 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Icons]]></category>
		<category><![CDATA[google map icons]]></category>
		<category><![CDATA[google map markers]]></category>
		<category><![CDATA[google map placemarks]]></category>
		<category><![CDATA[POI]]></category>

		<guid isPermaLink="false">http://www.artishock.net/?p=669</guid>
		<description><![CDATA[Transform your old placemarks into beautiful and meaningful icons with Map Icons Collection, a set of more than 900 free icons to use as placemarks for POI (Point of Interests) locations on your maps. You can use them on Google Maps with the &#8220;My maps&#8221; feature, or automatically by using the Google Maps API. <a href="http://www.artishock.net/graphics/icons/900-descriptive-google-map-poi-markers-and-icons-free/"><br/><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.artishock.net%2Fgraphics%2Ficons%2F900-descriptive-google-map-poi-markers-and-icons-free%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.artishock.net%2Fgraphics%2Ficons%2F900-descriptive-google-map-poi-markers-and-icons-free%2F&amp;source=artishocknet&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Transform your old placemarks into beautiful and meaningful icons with <a href="http://code.google.com/p/google-maps-icons/" target="_blank" title="Google Map Icons Collection">Map Icons Collection</a>, a set of more than 900 free icons to use as placemarks for POI (Point of Interests) locations on your maps. You can use them on <a href="http://code.google.com/apis/maps/" target="_blank" title="Google Maps">Google Maps</a> with the &#8220;My maps&#8221; feature, or automatically by using the Google Maps API.</p>
<p>You get a complete and diverse collection of unique markers for point of interests like cinemas, bus stops, banks, Italian restaurants and shoe stores, to name a few.. Icons are organized in logical color coded categories for better and quicker overview.</p>
<p><a href="http://code.google.com/p/google-maps-icons/" target="_blank" title="Google Map Icons Collection"><img src="http://www.artishock.net/images/categories/icons/google-map-icons/google-map-icons-collection-1.gif" alt="Google Maps Icons"/></a></p>
<p><a href="http://code.google.com/p/google-maps-icons/" target="_blank" title="Google Map Icons Collection"><img src="http://www.artishock.net/images/categories/icons/google-map-icons/google-map-icons-collection-2.gif" alt="Google Maps Icons"/></a></p>
<p>To download the set visit <a href="http://code.google.com/p/google-maps-icons/" target="_blank" title="Google Map Icons">Map Icons Collection</a>.</p>
<div id="summary">
<p><span>License:</span> Free to use in all personal and commercial projects, distributed under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank" title="GNU General Public License">GNU</a> and <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank" title="Creative Commons - Attribution-ShareAlike 3.0 Unported">Creative Commons 3.0 BY-SA</a> licenses.</p>
<p><span>Sizes:</span> 32px PNG.</p>
<p><span>Source of text and images:</span></p>
<ol>
<li>Map Icons Collection: <a href="http://code.google.com/p/google-maps-icons/" target="_blank" title="Google Map Icons Collection">http://code.google.com/p/google-maps-icons</a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.artishock.net/graphics/icons/900-descriptive-google-map-poi-markers-and-icons-free/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best image galleries, sliders and slideshow techniques p.2</title>
		<link>http://www.artishock.net/resources/best-of-image-galleries-sliders-and-slideshows-2/</link>
		<comments>http://www.artishock.net/resources/best-of-image-galleries-sliders-and-slideshows-2/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 17:38:34 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[image gallery]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.artishock.net/?p=617</guid>
		<description><![CDATA[This post presents a collection of the best image galleries, sliders and slideshow techniques that can be used to display photographic galleries or featured content with text and images. All of the image galleries are equipped with a great range of features and transitions that can enhance user’s experience. Most of them are free to use in all personal and commercial projects, but please check license restrictions before use. <a href="http://www.artishock.net/resources/best-of-image-galleries-sliders-and-slideshows-2/"><br/><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.artishock.net%2Fresources%2Fbest-of-image-galleries-sliders-and-slideshows-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.artishock.net%2Fresources%2Fbest-of-image-galleries-sliders-and-slideshows-2%2F&amp;source=artishocknet&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>This post presents a collection of the best image galleries, sliders and slideshow techniques that can be used to display photographic galleries or featured content with text and images. All of the image galleries are equipped with a great range of features and transitions that can enhance user’s experience. Most of them are free to use in all personal and commercial projects, but please check license restrictions before use.</p>
<h3 class="divider"><a href="http://flowplayer.org/tools/demos/scrollable/gallery.html" target="_blank" title="simple scrollable image gallery">Simple Scrollable Image Gallery</a></h3>
<p>Simple scrollable image gallery from jQueryTools is a fantastic tool to build photo gallery for any type of website. To understand how this example works I would advise you to read first <a href="http://flowplayer.org/tools/demos/scrollable/index.html" target="_blank" title="Minimal setup for scrollable">minimal setup for scrollable</a>, because it explains in details all the theory behind HTML scrolling. Understanding this will help you in a future to build any kind of scrolling you want.</p>
<p><a href="http://flowplayer.org/tools/demos/scrollable/gallery.html" target="_blank" title="simple scrollable image gallery"><img src="http://www.artishock.net/images/categories/resources/galleries/scrollable-image-gallery.jpg" alt="simple scrollable image gallery"/></a></p>
<h3>What&#8217;s great about Simple Scrollable Image Gallery?</h3>
<ul>
<li>very easy to setup</li>
<li>fully customizable</li>
<li>excellent support and documentation</li>
<li>can contain anything you want including images, Flash, HTML text and forms</li>
<li>items can have any amount of child elements and they can be any size</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects.</p>
<p><strong>Demo and download:</strong> jQueryTools :: <a href="http://flowplayer.org/tools/demos/scrollable/gallery.html" target="_blank" title="Simple Scrollable Image Gallery">http://flowplayer.org/tools/demos/scrollable/gallery.html</a></p>
<h3 class="divider"><a href="http://galleria.aino.se/" target="_blank" title="Galleria — A JavaScript gallery for the Fastidious">Galeria</a></h3>
<p>Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria clocks around 5k daily downloads, making it one of the most popular javascript galleries around.</p>
<p><a href="http://galleria.aino.se/" target="_blank" title="Galleria — A JavaScript gallery for the Fastidious"><img src="http://www.artishock.net/images/categories/resources/galleries/galeria.jpg" alt="Galeria"/></a></p>
<h3>What&#8217;s great about Galeria?</h3>
<ul>
<li>uses a convenient Theme API that makes gallery styling and customization a breeze</li>
<li>custom feed from Flickr account or any other external feed to display images on your web site</li>
<li>includes carousel</li>
<li>image preloading</li>
<li>built to perform at it&#8217;s best regardless of browser environment using clever interpolation methods and smart preloads</li>
<li>fullscreen, keyboard navigation, HTML captions, linked images etc..</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://en.wikipedia.org/wiki/MIT_License" target="_blank' title="MIT license">MIT</a> license.</p>
<p><strong>Demo and download:</strong> Build Internet :: <a href="http://galleria.aino.se/" target="_blank" title="Galleria — A JavaScript gallery for the Fastidious">http://galleria.aino.se</a></p>
<h3 class="divider"><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html" target="_blank" title="slideViewerPro 1.0">slideViewerPro 1.0</a></h3>
<p>slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts. Each gallery generates a user-defined number of thumbnails wich can slide automatically. Everthing is generated by writing just few lines of HTML such as an unordered list of images.</p>
<p><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html" target="_blank" title="jQuery slideViewerPro 1.0"><img src="http://www.artishock.net/images/categories/resources/galleries/slideviewerpro.jpg" alt="jQuery slideViewerPro 1.0"/></a></p>
<h3>What&#8217;s great about jQuery slideViewerPro 1.0?</h3>
<ul>
<li>image slider built on a single unordered list</li>
<li>fully customizable</li>
<li>generates thumbnails wich can slide automatically</li>
<li>automatically checks for image size and renders accordingly</li>
<li>manual and autoslide mode</li>
<li>typographic info, custom buttons images, custom thumbnails size</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://en.wikipedia.org/wiki/MIT_License" target="_blank' title="MIT license">MIT</a> and <a href="http://www.gnu.org/licenses/gpl.html" target="_blank' title="GPL license">GPL</a> licenses.</p>
<p><strong>Demo and download:</strong> Gian Carlo Mingati :: <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html" target="_blank" title="jQuery slideViewerPro 1.0">http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html</a></p>
<h3 class="divider"><a href="http://www.twospy.com/galleriffic/" target="_blank" title="Galleriffic">Galleriffic</a></h3>
<p>Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.</p>
<p><a href="http://www.twospy.com/galleriffic/" target="_blank" title="Galleriffic - a jQuery plugin for rendering rich, fast-performing photo galleries"><img src="http://www.artishock.net/images/categories/resources/galleries/galleriffic.jpg" alt="Galleriffic"/></a></p>
<h3>What&#8217;s great about Galleriffic?</h3>
<ul>
<li>smart image preloading after the page is loaded</li>
<li>thumbnail navigation (with pagination)</li>
<li>jQuery.history plugin integration to support bookmark-friendly URLs per-image</li>
<li>slideshow (with optional auto-updating url bookmarks)</li>
<li>keyboard navigation</li>
<li>events that allow for adding your own custom transition effects</li>
<li>API for controlling the gallery with custom controls</li>
<li>support for image captions</li>
<li>flexible configuration</li>
<li>graceful degradation when javascript is not available</li>
<li>support for multiple galleries per page</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://en.wikipedia.org/wiki/MIT_License" target="_blank' title="MIT license">MIT</a> license.</p>
<p><strong>Demo and download:</strong> Trent Foley :: <a href="http://www.twospy.com/galleriffic/" target="_blank" title="Galleriffic - a jQuery plugin for rendering rich, fast-performing photo galleries">http://www.twospy.com/galleriffic</a></p>
<h3 class="divider"><a href="http://flowplayer.org/tools/demos/scrollable/site-navigation.html" target="_blank" title="Complete Scrollable Navigational System">Complete Scrollable Navigational System</a></h3>
<p>Complete Scrollable Navigational System from jQueryTools is a really powerful tool. You can even build the whole website based on this kind of system. Before you start playing with it I would advise you to read <a href="http://flowplayer.org/tools/demos/scrollable/index.html" target="_blank" title="Minimal setup for scrollable">minimal setup for scrollable</a> to fully understand how this example works. </p>
<p><a href="http://flowplayer.org/tools/demos/scrollable/site-navigation.html" target="_blank" title="Complete Scrollable Navigational System"><img src="http://www.artishock.net/images/categories/resources/galleries/scrollable-navigational-system.jpg" alt="Complete Scrollable Navigational System"/></a></p>
<h3>What&#8217;s great about Complete Scrollable Navigational System?</h3>
<p>You can have an unlimited number of pages/galleries under the vertical scrollable and each of those pages/galleries can contain a scrollable of unlimited size. Those scrollable items can contain anything &#8211; not just images. </p>
<ul>
<li>easy to setup</li>
<li>fully customizable with CSS</li>
<li>very well documented</li>
<li>can contain anything you want including images, Flash, HTML text and forms</li>
<li>items can have any amount of child elements and they can be any size</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects.</p>
<p><strong>Demo and download:</strong> jQueryTools :: <a href="http://flowplayer.org/tools/demos/scrollable/site-navigation.html" target="_blank" title="Complete Scrollable Navigational System">http://flowplayer.org/tools/demos/scrollable/site-navigation.html</a></p>
<h3 class="divider"><a href="http://finnrudolph.de/ImageFlow/Introduction" target="_blank" title="ImageFlow">ImageFlow</a></h3>
<p>ImageFlow is a picture gallery, which allows an intuitive image handling. The basic idea is to digitally animate the thumbing through a physical image stack. Original solution known as the Cover Flow technique (developed by Andrew Coulter Enright) is used in iTunes and many other Apples apps.</p>
<p><a href="http://finnrudolph.de/ImageFlow/Introduction" target="_blank" title="ImageFlow"><img src="http://www.artishock.net/images/categories/resources/galleries/imageflow.jpg" alt="ImageFlow"/></a></p>
<h3>What&#8217;s great about ImageFlow?</h3>
<ul>
<li>supports multiple instances (object-oriented)</li>
<li>easy implementation (unobtrusive javascript)</li>
<li>compatible with all graphical browsers</li>
<li>supports all image formats</li>
<li>supports big amounts of images (>100)</li>
<li>dynamic reflections (server sided via PHP)</li>
<li>100% JavaScript (but the reflections)</li>
<li>scrollbar</li>
<li>mouse wheel support</li>
<li>loading bar</li>
<li>captions</li>
<li>supports image links</li>
<li>scales 100% dynamically</li>
<li>implementation by div Tags</li>
<li>supports the iPhone and iPod Touch</li>
<li>slideshow</li>
<li>circular modus</li>
</ul>
<p><strong>License:</strong> Free for personal use, commercial license &euro;20.</p>
<p><strong>Demo and download:</strong> Finn Rudolph:: <a href="http://finnrudolph.de/ImageFlow/Introduction" target="_blank" title="ImageFlow">http://finnrudolph.de/ImageFlow</a></p>
<h3 class="divider"><a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/" target="_blank" title="Simple iTunes-like Slider">Simple iTunes-like Slider</a></h3>
<p>When space is at a premium, making use of sliders is the optimal way to present information. In this tutorial you will learn how to create a slider similar to the one used in the iTunes store.</p>
<p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/" target="_blank" title="Simple iTunes-like Slider"><img src="http://www.artishock.net/images/categories/resources/galleries/simple-itunes-like- slider.jpg" alt="Simple iTunes-like Slider"/></a></p>
<h3>What&#8217;s great about Simple iTunes-like Slider?</h3>
<ul>
<li>very easy to setup</li>
<li>fully customizable</li>
<li>vertical carousel of images on the side showing upcoming images</li>
<li>ability to manually move the carousel and the slideshow forward</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects.</p>
<p><strong>Demo and download:</strong> Nettuts+ :: <a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/" target="_blank" title="Simple iTunes-like Slider">http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider</a></p>
<h3 class="divider"><a href="http://www.buildinternet.com/project/supersized/" target="_blank" title="Supersized 2.0">Supersized 2.0</a></h3>
<p>Supersized 2.0 is a very nice slideshow plugin that resizes images to fill browser while maintaining image dimension ratio. It cycles images/backgrounds via slideshow with transitions and preloading, the navigation controls allow for pause/play and forward/back.</p>
<p><a href="http://www.buildinternet.com/project/supersized/" target="_blank" title="Supersized 2.0"><img src="http://www.artishock.net/images/categories/resources/galleries/supersized2.jpg" alt="Supersized 2.0"/></a></p>
<h3>What&#8217;s great about Supersized 2.0?</h3>
<ul>
<li>transitions: fade, sliding (up, down, right, left), and none</li>
<li>navigation: forwards, backwards, pause, play</li>
<li>preloading: loading screen while images load to keep things smooth</li>
<li>captions: an image can have a caption, defined by it’s title attribute</li>
<li>slide counter: let’s you know which slide you are on and how many total</li>
<li>pause on hover: this option pauses the slideshow when the image is being hovered over</li>
<li>vertical center: exactly what it sounds like – vertically centers image</li>
</ul>
<p><strong>License:</strong> Free to use.</p>
<p><strong>Demo and download:</strong> Build Internet :: <a href="http://www.buildinternet.com/project/supersized/" target="_blank" title="Supersized 2.0">http://www.buildinternet.com/project/supersized</a></p>
<h3 class="divider"><a href="http://www.digitalia.be/software/slimbox2" target="_blank" title="Slimbox 2">Slimbox 2</a></h3>
<p>Slimbox.2 is a 4 KB visual clone of the popular <a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank" title="Lightbox 2">Lightbox 2</a> script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2. Another popular clone worth checking out is <a href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank" title="jQuery lightBox plugin">jQuery lightBox plugin</a> by Leonardo Vieira Pinho.</p>
<p><a href="http://www.digitalia.be/software/slimbox2" target="_blank" title="Slimbox 2"><img src="http://www.artishock.net/images/categories/resources/galleries/slimbox2.jpg" alt="Slimbox 2"/></a></p>
<h3>What&#8217;s great about Slimbox 2?</h3>
<ul>
<li>ready to launch as soon as the document is ready so you don’t have to wait for all images of the page to be loaded before clicking on a link that will launch the Lightbox effect</li>
<li>centers images horizontally and vertically on startup</li>
<li>works perfectly on horizontal-scrolling websites</li>
<li>temporary hides flash animations and other embedded videos while it is open to avoid display bugs in some browsers</li>
<li>navigation between the first and last image using special loop option</li>
<li>allows to close itself immediately at any time using the keyboard or mouse and to instantly navigate to any image before the current image has loaded or the animations are complete</li>
<li>can be launched from the traditional image links inside the page like the original Lightbox, but also directly from Javascript using its complete API</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://en.wikipedia.org/wiki/MIT_License" target="_blank' title="MIT license">MIT</a> license.</p>
<p><strong>Demo and download:</strong> Digitalia.be :: <a href="http://www.digitalia.be/software/slimbox2" target="_blank" title="Slimbox 2">http://www.digitalia.be/software/slimbox2</a></p>
<h3 class="divider"><a href="http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/" target="_blank" title="Minimalistic Slideshow Gallery">Minimalistic Slideshow Gallery</a></h3>
<p>Minimalistic Slideshow Gallery &#8211; here you actually have a not only a fantastic jQuery picture gallery but also full tutorial on how it was done. The idea was to have a container with a slideshow and the option to view a grid of thumbnails, to be able to pause the slideshow, and also navigate through the pictures. The thumbnail grid would slide out from the top and allow the user to navigate through a set of thumbnails. Really nice one!</p>
<p><a href="http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/" target="_blank" title="Minimalistic Slideshow Gallery"><img src="http://www.artishock.net/images/categories/resources/galleries/minimalistic-slideshow-gallery.jpg" alt="Minimalistic Slideshow Gallery"/></a></p>
<h3>What&#8217;s great about Minimalistic Slideshow Gallery?</h3>
<ul>
<li>very easy to add to a website</li>
<li>fully customizable with CSS</li>
<li>slideshow, play, pause, next-back buttons</li>
<li>option to show thumbnails over the photo and navigate through the pictures</li>
<li>simple and beautiful</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects.</p>
<p><strong>Demo and download:</strong> CODROPS :: <a href="http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/" target="_blank" title="Minimalistic Slideshow Gallery">http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery</a></p>
<h3 class="divider"><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank" title="prettyPhoto">prettyPhoto</a></h3>
<p>prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube and iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser. It comes with useful APIs so prettyPhoto can be launched from nearly anywhere.</p>
<p><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank" title="prettyPhoto"><img src="http://www.artishock.net/images/categories/resources/galleries/prettyphoto.jpg" alt="prettyPhoto"/></a></p>
<h3>What&#8217;s great about prettyPhoto?</h3>
<ul>
<li>very easy to setup</li>
<li>fully customizable with CSS</li>
<li>play slideshow option</li>
<li>when opening a gallery in prettyPhoto an inline gallery is presented over the photo</li>
<li>ability to initialize multiple prettyPhoto with different settings</li>
<li>can play: images, flash, youtube, vimeo, quicktime movies, external websites (inframe), inline content (text and images)</li>
<li>works with Firefox 2.0+, Safari 3.1.1+, Opera 9+, Internet Explorer 6.0+</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank' title="Creative Commons Attribution 2.5">Creative Commons Attribution 2.5</a> license.</p>
<p><strong>Demo and download:</strong> Stephane Caron :: <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank" title="prettyPhoto">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone</a></p>
<h3 class="divider"><a href="http://www.serie3.info/s3slider/" target="_blank" title="s3Slider">s3Slider</a></h3>
<p>s3Slider jQuery plugin comes handy if you are looking for something simple. You can easily customize it and set up a nice slideshow in just a few minutes.</p>
<p><a href="http://www.serie3.info/s3slider/" target="_blank" title="s3Slider"><img src="http://www.artishock.net/images/categories/resources/galleries/s3slider.jpg" alt="s3Slider"/></a></p>
<h3>What&#8217;s great about s3Slider?</h3>
<ul>
<li>easy to implement</li>
<li>compatible with many browsers</li>
<li>nice slideshow effect</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank' title="Creative Commons Attribution 2.5">Creative Commons Attribution 2.5</a> license.</p>
<p><strong>Demo and download:</strong> Serie3 :: <a href="http://www.serie3.info/s3slider/" target="_blank" title="s3Slider">http://www.serie3.info/s3slider</a></p>
<h3 class="divider"><a href="http://www.malsup.com/jquery/cycle/" target="_blank" title="jQuery Cycle plugin">jQuery Cycle Plugin</a></h3>
<p>The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a &#8220;slide&#8221;. Options control how and when the slides are transitioned. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. </p>
<p><a href="http://www.malsup.com/jquery/cycle/" target="_blank" title="jQuery Cycle Plugin"><img src="http://www.artishock.net/images/categories/resources/galleries/jquery-cycle-plugin.jpg" alt="jQuery Cycle Plugin"/></a></p>
<h3>What&#8217;s great about jQuery Cycle Plugin?</h3>
<ul>
<li>fantastic transitions</li>
<li>supports pause-on-hover, auto-stop, auto-fit</li>
<li>before/after callbacks</li>
<li>click triggers and much more</li>
<li>very good documentation and faq</li>
<li>plenty of demos</li>
</ul>
<p><strong>License:</strong> Free to use in all personal and commercial projects, distributed under <a href="http://en.wikipedia.org/wiki/MIT_License" target="_blank' title="MIT license">MIT</a> and <a href="http://www.gnu.org/licenses/gpl.html" target="_blank' title="GPL license">GPL</a> licenses.</p>
<p><strong>Demo and download:</strong> MALSUP :: <a href="http://www.malsup.com/jquery/cycle/" target="_blank" title="jQuery Cycle Plugin">http://www.malsup.com/jquery/cycle</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.artishock.net/resources/best-of-image-galleries-sliders-and-slideshows-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Buddycons &#8211; 126 social media icons in png and vector</title>
		<link>http://www.artishock.net/graphics/icons/buddycons-free-126-vector-social-media-icons/</link>
		<comments>http://www.artishock.net/graphics/icons/buddycons-free-126-vector-social-media-icons/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 14:23:38 +0000</pubDate>
		<dc:creator>Roland</dc:creator>
				<category><![CDATA[Icons]]></category>
		<category><![CDATA[buddycons]]></category>
		<category><![CDATA[free icons]]></category>
		<category><![CDATA[free social media icons]]></category>
		<category><![CDATA[vector social media icons]]></category>

		<guid isPermaLink="false">http://www.artishock.net/?p=566</guid>
		<description><![CDATA[Webdesigner Depot is giving away for free a fantastic set of social media icons designed exclusively for WDD by Orman Clark, a web designer from the UK. The set is named &#8220;Buddycons&#8220; and includes 126 vector social media icons, 63 circular and 63 rounded versions in 32px PNG format. As a bonus they give all icons vector source files for easy resizing in Adobe Illustrator format. <a href="http://www.artishock.net/graphics/icons/buddycons-free-126-vector-social-media-icons/"><br/><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.artishock.net%2Fgraphics%2Ficons%2Fbuddycons-free-126-vector-social-media-icons%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.artishock.net%2Fgraphics%2Ficons%2Fbuddycons-free-126-vector-social-media-icons%2F&amp;source=artishocknet&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Webdesigner Depot is giving away for free a fantastic set of social media icons designed exclusively for WDD by <a href="http://www.ormanclark.com/" target="_blank" title="Orman Clark, web designer, UK" >Orman Clark</a>, a web designer from the UK.</p>
<p>The set is named &#8220;<a href="http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons/" target="_blank" title="Buddycons – Vector Social Media Icons">Buddycons</a>&#8220; and includes 126 vector social media icons, 63 circular and 63 rounded versions in 32px PNG format. As a bonus they give all icons vector source files for easy resizing in <a href="http://www.jdoqocy.com/click-3935456-10576226" target="_blank">Adobe Illustrator</a> format.</p>
<p>Icons are free to use in any personal and commercial projects, however, redistribution is not allowed.</p>
<p><a href="http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons/" target="_blank" title="Buddycons – Vector Social Media Icons"><img src="http://www.artishock.net/images/categories/icons/buddycons-icon-set/buddycons-vector-social-media-icons-1.jpg" alt="Buddycons – Vector Social Media Icons"/></a></p>
<p><a href="http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons/" target="_blank" title="Buddycons – Vector Social Media Icons white"><img src="http://www.artishock.net/images/categories/icons/buddycons-icon-set/buddycons-vector-social-media-icons-2.jpg" alt="Buddycons – Vector Social Media Icons white"/></a></p>
<p>To download the set visit <a href="http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons/" target="_blank" title="Buddycons – Vector Social Media Icons">www.webdesignerdepot.com</a>.</p>
<div id="summary">
<p><span>License:</span> Free to use in personal and commercial projects.</p>
<p><span>Sizes:</span> 32px PNG, plus vector source.</p>
<p><span>Source of text and images:</span></p>
<ol>
<li>Webdesigner Depot: <a href="http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons/" target="_blank" title="Buddycons – Vector Social Media Icons">http://www.webdesignerdepot.com/2010/08/buddycons-vector-social-media-icons</a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.artishock.net/graphics/icons/buddycons-free-126-vector-social-media-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

