HTML

Web designers and developers are getting an increasing number of requests from clients for custom theme development, and a growing number of designers are also building their own themes to distribute for free or to sell as premium themes. With all of the WordPress development that is going on, there is a need for an organized collection of resources to educate, inspire and equip developers to improve the quality and efficiency of their work. This post provides all kinds of WordPress-related resources to do just that.

The WordPress Help Sheet
This is a nice resource to refer back to when you are developing themes. It’s a one-page collection of PHP snippets and code that will come in handy when designing with WP.

The Advanced WordPress Help Sheet
A slightly more advanced version of the help sheet.

Huge Compilation of WordPress Code
A helpful post that provides code snippets for a variety of common functions.

WordPress Template Tag Reference Guide
This is a handy guide to have nearby when you’re building a theme. It lists the various template tags used by the WP system.

Unraveling the Secrets of WordPress’ comments.php File
A good starting point for getting more familiar with how comments work in WP and what you can do with them as a designer.

48 Unique Ways to Use WordPress
Want some ideas on how you can use WP in your next project?

Theme Switcher Reloaded
For displaying demos of multiple themes on your website or blog.

As an addendum to the earlier post about css resetting, here’s another version from Yahoo though it’s far less user friendly:

YUI Reset CSS

The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions.

Note: YUI Base CSS (introduced in version 2.3.0) can compliment Reset by applying a style foundation for common HTML elements that is consistent across A-grade browsers.

Over at MyerWeb.com, Erik has a create file that he has culled together for use as a full reset across browsers, so in theory, when you add your css back in after calling it, your css will look the same across the main browsers and versions. Here’s the link to the original article.

But below is the css reset code:

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: "" "";
}