Rounded corners with CSS (and maybe an image or two)
Just a few links to resources:
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.alistapart.com/articles/customcorners/
http://www.html.it/articoli/nifty/index.html
http://www.redmelon.net/tstme/4corners/
Free and inexpensive icon resources
Just a bunch of links to resources:
http://mezzoblue.com/icons/chalkwork/
http://www.html.it/articoli/nifty/index.html
http://www.famfamfam.com/lab/icons/
http://www.noupe.com/icons/40-new-high-quality-and-free-icon-sets.html
http://www.maxpower.ca/free-icons/2006/03/05/
http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/
http://www.professional-icons.com/library.aspx
Javascript, Flash, & AJAX slideshows and gallery transitions
I have links squirreled away all over my computer of slideshows and galleries. I’m trying to centralize them here. As I have time I’ll add descriptions so you’ll know what’s what:
Slideshow Pro isn’t free but it’s an inexpensive ($29) and sophisticated slideshow program for Flash that displays photos or video and a variety of formats. It’s very flexible–Actionscript 2 or 3, transitions, full-screen mode, use music or narrative…take a look.
Slayeroffice has a JavaScript photo transition, with a clean look, adjustable timing and a transition you can disable..
The infamous Stu Nichols at CSSPlay created an elegant CSS-only mouseover-activated hierarchical gallery.
BrandSpankingNew’s crossfader script has come in handy for me in quite a few projects. It doesn’t look like much but it’s incredible flexible–transitions text, links, & images in DIVs; the transition is configurable as to fade amount and timing, and you can make the DIVs any size…I added changing tabs for AARP’s Bulletin website.
Benjamin Keen’s Flash image scroller 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.
Emrah Baskaya’s custom scrollbar is cross-browser compatible, degrades nicely, and is easy to use—he also has photoshop tutorials and other web development projects (like image swapping with no HTML markup).
http://www.layersmagazine.com/flash-slideshow-image-gallery.html
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
http://www.javascriptkit.com/dhtmltutors/dhtmlrotate4.shtml
http://www.e2interactive.com/e2_photo_gallery/demo.php
Slideshow, content sliders:
http://www.ndoherty.com/demos/coda-slider/1.1/#1
http://opiefoto.com/articles/photoslider#example
http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/
http://css-tricks.com/examples/FeaturedContentSlider/
http://www.artviper.net/mooHorizonSlider/mooSlider.php
Mike-o-Matic’s uses Script.aculo.us.
http://www.efectorelativo.net/laboratory/noobSlide/
http://smoothgallery.jondesign.net/showcase/timed-gallery/
http://www.electricprism.com/aeron/slideshow/
http://www.couloir.org/js_slideshow/#2
WordPress: conditionally display post using publish status
I needed an “alert” type post– 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 “publish” status, but for the longest time couldn’t get the code to work. The problem is that the post status assignments in the admin interface don’t clearly correspond with the coded post_status arguments. ‘Unpublished’ in the WP admin interface uses ‘draft’ as the argument in the code. And…here is something that will examine the post arguments outside the loop.
The example code I found on the WordPress site shows posts with attachments:
<?php
$args = array(
'post_type' => 'attachment',
'numberposts' => null,
'post_status' => null,
'post_parent' => null, // any parent
);
$attachments = get_posts($args);
if ($attachments) {
foreach ($attachments as $post) {
setup_postdata($post);
the_title();
the_attachment_link
($post->ID, false);
the_excerpt();
}
}
?>
Here I’ve modified it to show ‘unpublished’ posts:
<?php
$args = array(
'post_status' => 'draft',
);
$draft = get_posts($args);
if ($draft) {
foreach ($draft as $post) {
setup_postdata($post);
the_title();
the_content();
}
}
?>
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 “firstpost” div allows you to uniquely style the alert:
<?php query_posts('category_name=swim-team'); ?>
<?php
$args = array(
'category_name' => 'swim-team',
'post_status' => 'publish',
'include' => "129",
);
$draft = get_posts($args);
if ($draft) {
foreach ($draft as $post) { ?>
<div id="firstpost">
<?php
setup_postdata($post);?>
<h2><?php the_title(); ?></h2>
<?php the_content(); ?>
</div>
<?php
}
}
?>
Update: I found more documentation on post_status—apparently it can be used in query posts, and “post_status=future” can also be used:
<?php
query_posts('showposts=10&post_status=future'); ?>







