<?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>riotsystems.com &#187; web stuff</title>
	<atom:link href="http://riotsystems.com/category/web-stuff/feed/" rel="self" type="application/rss+xml" />
	<link>http://riotsystems.com</link>
	<description>what was judy thinking?</description>
	<lastBuildDate>Thu, 12 Jan 2012 13:25:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Rounded corners with CSS (and maybe an image or two)</title>
		<link>http://riotsystems.com/web-stuff/rounded-corners-with-css/</link>
		<comments>http://riotsystems.com/web-stuff/rounded-corners-with-css/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 00:50:06 +0000</pubDate>
		<dc:creator>judy</dc:creator>
				<category><![CDATA[web stuff]]></category>

		<guid isPermaLink="false">http://riotsystems.com/?p=627</guid>
		<description><![CDATA[<p>Just a few links to resources:</p>
<p><a href="http://www.cssjuice.com/25-rounded-corners-techniques-with-css/">http://www.cssjuice.com/25-rounded-corners-techniques-with-css/</a></p>
<p><a href="http://www.alistapart.com/articles/customcorners/ ">http://www.alistapart.com/articles/customcorners/ </a></p>
<p><a href="http://www.html.it/articoli/nifty/index.html">http://www.html.it/articoli/nifty/index.html</a></p>
<p><a href="http://www.redmelon.net/tstme/4corners/">http://www.redmelon.net/tstme/4corners/</a></p>
<p><a href="http://www.roundedcornr.com/">http://www.roundedcornr.com/</a></p>]]></description>
			<content:encoded><![CDATA[<p>Just a few links to resources:</p>
<p><a href="http://www.cssjuice.com/25-rounded-corners-techniques-with-css/">http://www.cssjuice.com/25-rounded-corners-techniques-with-css/</a></p>
<p><a href="http://www.alistapart.com/articles/customcorners/ ">http://www.alistapart.com/articles/customcorners/ </a></p>
<p><a href="http://www.html.it/articoli/nifty/index.html">http://www.html.it/articoli/nifty/index.html</a></p>
<p><a href="http://www.redmelon.net/tstme/4corners/">http://www.redmelon.net/tstme/4corners/</a></p>
<p><a href="http://www.roundedcornr.com/">http://www.roundedcornr.com/</a></p>]]></content:encoded>
			<wfw:commentRss>http://riotsystems.com/web-stuff/rounded-corners-with-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free and inexpensive icon resources</title>
		<link>http://riotsystems.com/web-stuff/free-and-inexpensive-icon-resources/</link>
		<comments>http://riotsystems.com/web-stuff/free-and-inexpensive-icon-resources/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 00:47:29 +0000</pubDate>
		<dc:creator>judy</dc:creator>
				<category><![CDATA[web stuff]]></category>

		<guid isPermaLink="false">http://riotsystems.com/?p=636</guid>
		<description><![CDATA[<p>Just a bunch of links to resources:</p>
<p><a href="http://mezzoblue.com/icons/chalkwork/">http://mezzoblue.com/icons/chalkwork/</a></p>
<p><a href="http://www.html.it/articoli/nifty/index.html">http://www.html.it/articoli/nifty/index.html</a></p>
<p><a href="http://www.famfamfam.com/lab/icons/">http://www.famfamfam.com/lab/icons/</a></p>
<p><a href="http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html">http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html</a></p>
<p><a href="http://www.maxpower.ca/free-icons/2006/03/05/">http://www.maxpower.ca/free-icons/2006/03/05/</a></p>
<p><a href="http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/">http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/</a></p>
<p><a href="http://www.professional-icons.com/library.aspx">http://www.professional-icons.com/library.aspx</a></p>
<p><a href="http://iconfactory.com/home">http://iconfactory.com/home</a></p>]]></description>
			<content:encoded><![CDATA[<p>Just a bunch of links to resources:</p>
<p><a href="http://mezzoblue.com/icons/chalkwork/">http://mezzoblue.com/icons/chalkwork/</a></p>
<p><a href="http://www.html.it/articoli/nifty/index.html">http://www.html.it/articoli/nifty/index.html</a></p>
<p><a href="http://www.famfamfam.com/lab/icons/">http://www.famfamfam.com/lab/icons/</a></p>
<p><a href="http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html">http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html</a></p>
<p><a href="http://www.maxpower.ca/free-icons/2006/03/05/">http://www.maxpower.ca/free-icons/2006/03/05/</a></p>
<p><a href="http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/">http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/</a></p>
<p><a href="http://www.professional-icons.com/library.aspx">http://www.professional-icons.com/library.aspx</a></p>
<p><a href="http://iconfactory.com/home">http://iconfactory.com/home</a></p>]]></content:encoded>
			<wfw:commentRss>http://riotsystems.com/web-stuff/free-and-inexpensive-icon-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript, Flash, &amp; AJAX slideshows and gallery transitions</title>
		<link>http://riotsystems.com/web-stuff/javascript-flash-ajax-slideshows-and-gallery-transitions/</link>
		<comments>http://riotsystems.com/web-stuff/javascript-flash-ajax-slideshows-and-gallery-transitions/#comments</comments>
		<pubDate>Thu, 04 Dec 2008 21:44:25 +0000</pubDate>
		<dc:creator>judy</dc:creator>
				<category><![CDATA[web stuff]]></category>

		<guid isPermaLink="false">http://riotsystems.com/?p=431</guid>
		<description><![CDATA[<p>I have links squirreled away all over my computer of slideshows and galleries. I&#8217;m trying to  centralize them here. As I have time I&#8217;ll add descriptions so you&#8217;ll know what&#8217;s what:</p>
<p>&#160;</p>
<p><a href="http://slideshowpro.net/news/archive/2007/10/oliver-peoples.php"><strong>Slideshow Pro</strong></a> isn&#8217;t free but it&#8217;s an inexpensive&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I have links squirreled away all over my computer of slideshows and galleries. I&#8217;m trying to  centralize them here. As I have time I&#8217;ll add descriptions so you&#8217;ll know what&#8217;s what:</p>
<p>&nbsp;</p>
<p><a href="http://slideshowpro.net/news/archive/2007/10/oliver-peoples.php"><strong>Slideshow Pro</strong></a> isn&#8217;t free but it&#8217;s an inexpensive ($29) and sophisticated slideshow program for Flash that displays photos or video and a variety of formats. It&#8217;s very flexible&#8211;Actionscript 2 or 3, transitions, full-screen mode, use music or narrative&#8230;take a look.</p>
<p>&nbsp;</p>
<p><a href="http://slayeroffice.com/code/slide_show/"><strong>Slayeroffice</strong></a> has a JavaScript photo transition, with a clean look, adjustable timing and a transition you can disable..<br />
<div id="attachment_554" class="wp-caption alignnone" style="width: 502px"><a href="http://riotsystems.com/wp-content/media-library/slayeroffice.jpg"><img src="http://riotsystems.com/wp-content/media-library/slayeroffice.jpg" alt="Slayeroffice&#039;s Javascript photo transition" title="slayeroffice" width="492" height="284" class="size-full wp-image-554" /></a><p class="wp-caption-text">Slayeroffice's Javascript phototransition</p></div> </p>
<p>&nbsp;</p>
<p>The infamous Stu Nichols at CSSPlay created an elegant CSS-only <a href="http://www.cssplay.co.uk/menu/art_gallery.html#nogo"><strong>mouseover-activated hierarchical gallery</strong></a>.<div id="attachment_550" class="wp-caption alignnone" style="width: 510px"><a href="http://riotsystems.com/wp-content/media-library/cssplay.gif"><img src="http://riotsystems.com/wp-content/media-library/cssplay.gif" alt="Stu Nichols&#039; CSS art gallery" title="cssplay" width="500" height="248" class="size-full wp-image-550" /></a><p class="wp-caption-text">Stu Nichols' CSS art gallery</p></div></p>
<p>&nbsp;</p>
<p>BrandSpankingNew&#8217;s <a href="http://www.brandspankingnew.net/archive/2006/09/crossfader_v11.html"><strong>crossfader script</strong></a> has come in handy for me in quite a few projects. It doesn&#8217;t look like much but it&#8217;s incredible flexible&#8211;transitions text, links, &#038; images in DIVs; the transition is configurable as to fade amount and timing, and you can make the DIVs any size&#8230;I added changing tabs for AARP&#8217;s <a href="http://bulletin.aarp.org/">Bulletin</a> website.<br />
<br /><div id="attachment_572" class="wp-caption alignnone" style="width: 449px"><a href="http://riotsystems.com/wp-content/media-library/bsn-crossfader1.jpg"><img src="http://riotsystems.com/wp-content/media-library/bsn-crossfader1.jpg" alt="BrandSpankingNew&#039;s JavaScript Crossfader" title="BrandSpankingNew&#039;s crossfader" width="439" height="397" class="size-full wp-image-572" /></a><p class="wp-caption-text">BrandSpankingNew's JavaScript Crossfader</p></div></p>
<p>&nbsp;</p>
<p><a href="http://www.benjaminkeen.com/software/image_scroller/">Benjamin Keen&#8217;s Flash image scroller</a> is a simple, free (GNU-licensed), highly configurable Flash script for thumbnail image scrolling. It features glow, shadow and zoom mouseover effects; auto-scrolling, infinite looping, randomizing, captions, and more.<div id="attachment_574" class="wp-caption alignnone" style="width: 510px"><a href="http://riotsystems.com/wp-content/media-library/benjaminkeen.jpg"><img src="http://riotsystems.com/wp-content/media-library/benjaminkeen.jpg" alt="Benjamin Keen&#039;s flexible flash image scroller" title="benjaminkeen" width="500" height="109" class="size-full wp-image-574" /></a><p class="wp-caption-text">Benjamin Keen's flexible flash image scroller</p></div></p>
<p>&nbsp;</p>
<p>Emrah Baskaya&#8217;s <a href="http://www.hesido.com/web.php?page=customscrollbar">custom scrollbar</a> is cross-browser compatible, degrades nicely, and is easy to use&mdash;he also has photoshop tutorials and other web development projects (like image swapping with no HTML markup).</p>
<p><a href="http://www.layersmagazine.com/flash-slideshow-image-gallery.html">http://www.layersmagazine.com/flash-slideshow-image-gallery.html</a><br />
<a href="http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm">http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm</a><br />
<a href="http://www.javascriptkit.com/dhtmltutors/dhtmlrotate4.shtml">http://www.javascriptkit.com/dhtmltutors/dhtmlrotate4.shtml</a><br />
<a href="http://www.e2interactive.com/e2_photo_gallery/demo.php">http://www.e2interactive.com/e2_photo_gallery/demo.php</a></p>
<p>Slideshow, content sliders:<br />
<a href="http://www.ndoherty.com/demos/coda-slider/1.1/#1">http://www.ndoherty.com/demos/coda-slider/1.1/#1</a><br />
<a href="http://opiefoto.com/articles/photoslider#example">http://opiefoto.com/articles/photoslider#example</a><br />
<a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/">http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/</a><br />
<a href="http://css-tricks.com/examples/FeaturedContentSlider/">http://css-tricks.com/examples/FeaturedContentSlider/</a><br />
<a href="http://www.artviper.net/mooHorizonSlider/mooSlider.php">http://www.artviper.net/mooHorizonSlider/mooSlider.php</a><br />
<a href="http://mikeomatic.net/?p=78">Mike-o-Matic&#8217;s uses Script.aculo.us</a>.<br />
<a href="http://www.efectorelativo.net/laboratory/noobSlide/">http://www.efectorelativo.net/laboratory/noobSlide/</a><br />
<a href="http://smoothgallery.jondesign.net/showcase/timed-gallery/">http://smoothgallery.jondesign.net/showcase/timed-gallery/</a><br />
<a href="http://www.electricprism.com/aeron/slideshow/">http://www.electricprism.com/aeron/slideshow/</a><br />
<a href="http://www.couloir.org/js_slideshow/#2">http://www.couloir.org/js_slideshow/#2</a></p>]]></content:encoded>
			<wfw:commentRss>http://riotsystems.com/web-stuff/javascript-flash-ajax-slideshows-and-gallery-transitions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress: conditionally display post using publish status</title>
		<link>http://riotsystems.com/web-stuff/conditionally-display-post-status-using-publishunpublish/</link>
		<comments>http://riotsystems.com/web-stuff/conditionally-display-post-status-using-publishunpublish/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 17:50:44 +0000</pubDate>
		<dc:creator>judy</dc:creator>
				<category><![CDATA[web stuff]]></category>

		<guid isPermaLink="false">http://riotsystems.com/blob2/?p=108</guid>
		<description><![CDATA[<p>I needed an &#8220;alert&#8221; type post&#8211; a permanent, uniquely styled post, identified by post ID, that could be displayed and hidden easily through the admin interface. I know there are plugins that almost accomplish this, but I need to have&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I needed an &#8220;alert&#8221; type post&#8211; a permanent, uniquely styled post, identified by post ID, that could be displayed and hidden easily through the admin interface. I know there are plugins that almost accomplish this, but I need to have my non-technical end users edit and publish an existing post. To do this I needed to access the &#8220;publish&#8221; status, but for the longest time couldn&#8217;t get the code to work. The problem is that the post status assignments in the admin interface don&#8217;t clearly correspond with the coded post_status arguments. <em>&#8216;Unpublished&#8217; in the WP admin interface uses &#8216;draft&#8217; as the argument in the code</em>. And&#8230;here is something that will examine the post arguments <em>outside the loop</em>.</p>
<p>The example code I found on the WordPress site shows posts with attachments:</p>
<pre>&lt;?php

$args = array(
	'post_type' =&gt; 'attachment',
	'numberposts' =&gt; null,
	'post_status' =&gt; null,
	'post_parent' =&gt; null, // any parent
	);
$attachments = get_posts($args);
if ($attachments) {
	foreach ($attachments as $post) {
	        setup_postdata($post);
		the_title();
		the_attachment_link
                      ($post-&gt;ID, false);
		the_excerpt();
	}
}

?&gt;</pre>
<p>Here I&#8217;ve modified it to show &#8216;unpublished&#8217; posts:</p>
<pre>&lt;?php

$args = array(
	'post_status' =&gt; 'draft',
	);
$draft = get_posts($args);
if ($draft) {
	foreach ($draft as $post) {
		setup_postdata($post);
		the_title();
		the_content();
	}
}

?&gt;</pre>
<p>Now I can use this with an if statement and a post ID to add the alert post, and all my end user has to do is set the post to publish/unpublish. My final code uses category name, post status, AND the post ID (a bit of overkill) but you can see how the arrays work. The &#8220;firstpost&#8221; div allows you to uniquely style the alert:</p>
<pre>&lt;?php query_posts('category_name=swim-team'); ?&gt;
&lt;?php
	$args = array(
		'category_name' =&gt; 'swim-team',
		'post_status' =&gt; 'publish',
		'include' =&gt; "129",
	);
	$draft = get_posts($args);
	if ($draft) {
		foreach ($draft as $post) { ?&gt;
		&lt;div id="firstpost"&gt;
	&lt;?php
		setup_postdata($post);?&gt;
		&lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;/h2&gt;
		&lt;?php the_content(); ?&gt;
		&lt;/div&gt;
		&lt;?php
	}
}
?&gt;</pre>
<p><span style="color:#990000;">Update</span>: I found more documentation on post_status&mdash;apparently it can be used in query posts, and &#8220;post_status=future&#8221; can also be used:</p>
<pre>
 &lt;?php
query_posts('showposts=10&#038;post_status=future'); ?&gt;
</pre></p>]]></content:encoded>
			<wfw:commentRss>http://riotsystems.com/web-stuff/conditionally-display-post-status-using-publishunpublish/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

