<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/some-folder/some-image.ico" />

That’s it. It works in most browsers, including the IE’s. You can have a different favicon for different pages or sections of the site, if you choose.

jQuery(".hoverElement").hover(function(b) {
    var offsetLeft = jQuery(this).offset().left;
    var offsetTop = jQuery(this).offset().top;
    jQuery("div#" + jQuery(this).attr("rel")).show("fast").offset({
        top: offsetTop - 18,
        left: offsetLeft + 15
    });
}, function() {
    jQuery("div#" + jQuery(this).attr("rel")).hide("fast")
    });

If you have multiple elements that require the effect, give them all the same class. For each hover element, you will need a hidden element with a unique id that contains the tooltip content. In the “rel” tag of each hover element, put the id of the corresponding hidden element, minus the “#”. This can probably be condensed to use only one hidden element, but I haven’t gotten around to simplifying yet.

Adjust the offset as needed.

• Dreamweaver snippets are your friends. Add stuff that you will use all the time, like paragraphs, list items, etc. As you get more advanced, you will also be able to store jQuery or JavaScript snippets that you don’t want to have to remember.
• Learn and use Fireworks. This is the web designer’s staple program. If you already know Photoshop, you won’t have a steep learning curve.
• Never use tables for layout. You probably already know this, but just in case. That is why you shouldn’t use Dreamweaver’s design mode (at least exclusively) to build a page. It generates terrible code. You can, on the other hand, use Dreamweaver as a code editor. It’s still what I code in the most.
• USE FIREFOX! I can’t say this enough. It has some absolutely indispensable web development tools, like Firebug. I don’t know where I’d be without it. You can actually modify the CSS and HTML, and run jQuery right there in the browser. If something is wrong on a page, you can zoom in on it and find out what the problem is. Love it. Chrome also has a similar tool, though I haven’t yet had a chance to compare it to Firebug.
• Get ready to be CONSTANTLY frustrated by IE6. It’s a horrible browser that breaks web pages all the time. That’s not an opinion; it’s fact. Learn how to hack your CSS to target only IE6. Get familiar with the most common IE6 bugs and their solutions.
• Learn jQuery! HTML, CSS, and jQuery (sometimes referred to collectively as DHTML) are going to be your main technologies. It’s tough at first, but CSS selectors are your launching point.
• If you have to branch into programming, learn PHP. It’s still relevant to the front-end development (a fancy term for web design), and it’s very common. I’ve picked up a bit by playing with WordPress, which is awesome by the way.
• Take advantage of Dreamweaver’s layout templates.

This are some big things I can think of off the top of my head.

1. HTML5 Boilerplate. Prepare for the coming of HTML5. Use this mini-framework. Heck, use this for XHTML. Contains lots of goodies, no matter your flavor of HTML.

2. ie7.js. A JavaScript library to make MSIE behave like a standards-compliant browser. I have yet to test it so, stay tuned, or give me your feedback. If it does what it promises, could be one of the best contributions to the web design community since a non-IE browser.

3. Google Font API. A must-have if you want to get away from the usual 5 or 6 web-safe fonts.

4. Easy favicon generator. Not only can you import your own image (select the resize option), you can touch it up pixel by pixel once imported.

5. My new favorite: PIE. The brilliant minds at css3pie.com have conceived of a method to quickly and more cleanly add css3 effects to a page rendered in an Internet Explorer. What wins me over: rounded corners.

It’s a little more complicated to assign a different single post template for a particular category. In single.php, paste this code:

<?php
 $post = $wp_query->post;
 if (in_category('mynewcategory')) {
 include(TEMPLATEPATH.'/single-mynewcategory.php');
 } else{
 include(TEMPLATEPATH.'/single-default.php');
 }
?>

single-mynewcategory.php is of course the category for which you would like a different single post template, whereas single-default.php is where you would put the normal single.php code.

If you would like to assign numerous single post templates, use this code:

<?php
$post = $wp_query->post;
if(in_category('mynewcategory')) {
include(TEMPLATEPATH.'/single-mynewcategory.php');
} elseif (in_category('mynewcategory2')) {
include(TEMPLATEPATH.'/single-mynewcategory2.php');
} elseif (in_category('portfolio')) {
include(TEMPLATEPATH.'/single-portfolio.php');
} else {
include(TEMPLATEPATH.'/single-default.php');
}
?>

Caution: there are TWO snippets folders. The default snippets are in applications/Adobe Dreamweaver CSX, while the custom snippets are found in your personal configuration folder. It’s the one in the personal config folder that you want to migrate.

The process and location of that folder are explained here: http://cookbooks.adobe.com/post_Migrating_Dreamweaver_configuration__site_settings-17658.html

In loop.php, change this line:

<?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>

to this:

That’s it. Will work like a charm.

<?php if ( is_archive() || is_search() || is_home() || is_front_page() ) : // Only display excerpts for archives and search. ?>


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


The poster was very close to a functional script. If you add in > -1 into the first part of the ‘if’ statement, it works like a charm.

jQuery(function() {
var url = location.pathname;
if(url.indexOf('web-design') > -1) {
jQuery("#web_design").addClass("active");
}
if(url.indexOf('french') > -1) {
jQuery("#french").addClass("active");
}
if(url.indexOf('my-take') > -1) {
jQuery("#my_take").addClass("active");
}
if(url.indexOf('portfolio') > -1) {
jQuery("#portfolio").addClass("active");
}
});

To restore the Web Photo Gallery plugin to Photoshop CS4, download the plugin package here:

For a Mac:
http://www.adobe.com/support/downloads/detail.jsp?ftpID=4047

For a PC:
http://www.adobe.com/support/downloads/detail.jsp?ftpID=4048

Then follow these instructions, which are way easier to understand than the ones supplied in the plugin package:

http://www.gieson.com/Library/projects/utilities/photoshop/index.html

If everything is done correctly, in Photoshop, you should be able to navigate to File > Automate > Web Photo Gallery.