Advanced firewall protection for WordPress! Get BBQ Pro for $10 »
Web Design
Category Archive

Preloading Images with CSS and JavaScript

Fast-loading pages reduce errors, conserve bandwidth, and please visitors. One way to decrease loading times and enhance performance involves maximizing image display efficiency. Your mantra for achieving image efficiency should be "reuse, optimize, and preload.". While each of these methods plays an important role, this article will focus on methods for preloading images. Consult your server error logs to identify web pages that may require image help. Note: preloading images does not reduce bandwidth! It only decreases apparent load time, thereby enhancing user experience. Preloading via the CSS Display Property This method is a very common method for preloading images […] Read more »

Firefox CSS Magic

Consider this post an evolving receptacle for Firefox-specific CSS tricks. Change the color of highlighted text *::-moz-selection { background: #FF3C00; /* the background color of the highlight */ color: #FFF; /* the color of the text within the highlight */ } Change the opacity of an element div#division { /* choose either attribute */ -moz-opacity: 0.99; /* possible values: 0-1 */ -moz-opacity: 99%; /* possible values: 0%-99% */ } Control item selection of an element div#division { /* choose one of the following values */ -moz-user-select: none; /* no content within the element may be selected */ -moz-user-select: all; /* […] Read more »

Stop Bitacle from Stealing Content

If you have yet to encounter the content-scraping site,, consider yourself lucky. The scum-sucking worm-holes at are well-known for literally (404 link removed 2013/03/28), blatantly, and piggishly stealing blog content and using it for financial gains through advertising. While I am not here to discuss the legal, philosophical, or technical ramifications of illegal bitacle behavior, I am here to provide a few critical tools that will help stop bitacle from stealing your content. The htaccess Finger Perhaps the most straightforward and effective method for keeping the bitacle thieves away from your site, adding the following htaccess rules to […] Read more »

Theme Edits for IE7

This post is a working repository of code edits and other changes made to Perishable Press themes in order for them to function properly in Internet Explorer 7 (IE7).. Jupiter Theme *:first-child+html div.comwrap { overflow: visible; } Lithium Theme *:first-child+html div.comwrap { overflow: visible; } Casket Theme Removed html selector from first ruleset. Read more »

Exploring the (X)HTML Link Element

Most Web authors are familiar with the <link> element included within the <head> element of many (X)HTML documents. The <link> element enables authors to associate external resources to the (X)HTML document. <link> element references include various types of metadata, navigation, and styling information. This brief post provides examples of these and other important uses of the (X)HTML <link> element. <!– indicate the starting location –> <link rel=”start” href=”” /> <!– indicate the previous item –> <link rel=”prev” href=”” /> <!– indicate the next item –> <link rel=”next” href=”” /> <!– indicates the index location –> <link rel=”contents” href=”” /> <!– […] Read more »

Extreme Makeover for Gravatars in WordPress

Strategic Methods for Improving Gravatar Functionality in WordPress Gravatars have become a popular way of adding spice to the "comments" page of many WordPress-powered sites. So popular, in fact, that the gravatar server is often overloaded, bogged down with millions of gravatar requests every second. This immense server load effects user pages everywhere, resulting in slow loading times, unresolved server requests, and missing gravatars. Such broken presentations appear unprofessional, tarnish reputations, and may provoke confusion. This article provides essential solutions for an extreme gravatar makeover.. Read more »

W3C Validation Services

Here are the validation services currently provided by the W3C 1: W3C Semantic Data Extractor W3C Link Checker W3C WebLight – Illumit W3C Markup Validation Service W3C CSS Validation Service W3C RDF Validation Service W3C Atom and RSS Feed Validation Service W3C P3P Validator W3C XML Schema Checking Service W3C MUTAT Developer Information References 1 As listed at W3C Quality Tips for Webmasters Read more »

One Link to Open Them All

Welcome to Perishable Press! This article explains several methods for opening multiple frames with a single link. For more excellent (X)HTML information, check out the (X)HTML tag archive. If you like what you see, I encourage you to subscribe to Perishable Press for a periodic dose of online enlightenment ;) Opening Multiple Frames with One Link Method 1: The first method of targeting multiple frames involves replacing either the entire frameset (via target="_top") or a subset of frames (via target="subset"). For example, any number of frames may be updated with a single link if that link targets a new frameset containing […] Read more »

Perishable Press Search Engine Optimization Library

Update (2012/12/01): Man this is an old post! It started out as this huge gigantic resource back when it was first published, but over the years removing broken links has really whittled it down. Please be advised that this list is mostly for historical purposes, and will eventually be removed. Welcome to Perishable Press! This article covers a plethora of search-engine optimization resources. For more excellent SEO information, check out the Optimization category archive. If you like what you see, I encourage you to subscribe to Perishable Press for a periodic dose of online enlightenment ;) Search-Engine-Related Websites […] Read more »

Roll Your Own SEO Log

Introduction Search engine optimization (SEO) is the business of every serious webmaster. The process of optimizing a website for the search engines involves much more than properly constructed document headers and anchor tags. Websites are like trees: their roots are the growing collection of content presented through the branching universe of the World Wide Web. Or something. The point is that optimizing a website requires nurturing the site itself while also ensuring proper exposure to the requisite elements of the internet. The process of optimizing your first website may seem daunting. There are many aspects to consider and many websites […] Read more »

Greenwich Mean Time (GMT) Formats

There are currently three formats for expressing date/time in Greenwich Mean Time (GMT). All examples represent the date, "July 04, 2050". The time for all three formats is expressed as "hour:minutes:seconds". Here is the preferred, standard format1 for the Internet. This format is defined by RFC 1123 (updated from RFC 822): # RFC 1123 Standard GMT Format Mon, 04 Jul 2050 07:07:07 GMT The programming language C uses the ANSI standard format1 in its asctime(): # ANSI Standard GMT Format Mon Jul 4 07:07:07 2050 The RFC 850 format2 is now obsolete (RFC 1036) and should not be used: # […] Read more »

SEO 101: Keyword Development and Deployment

Keywords play a vital role in search engine optimization (SEO), and — if used properly — have the potential to increase the flow of traffic to your site. It is beneficial to maintain an active list of keywords for each of your websites. Each list should be a continually evolving set of important, relevant keywords. The idea here is to develop a consistent practice of actively seeking better keywords, thereby producing your very own customized keyword library. Read more »

Customize WordPress Quicktags

Note: This condensed tutorial assumes you are working with WordPress 2+ and are familiar with editing .php and/or .js files. WordPress quicktags1 provide shortcuts for adding certain bits of code to your posts. The default set of quicktags includes some handy shortcut buttons for tags such as <strong>, <a>, and <img>, as well as a few others. While the default set of quicktag buttons is occasionally useful, a quick bit of quicktag customization can easily transform your personal set of quicktag buttons into a deadly arsenal of time-saving code shortcuts. First, open the quicktags.js file, usually located in the wp-includes/js […] Read more »

Absolutely Centered Layout

Absolute Centering with CSS & (X)HTML Designing an absolutely centered layout involves centering a division both horizontally and vertically. When this is done, the centered division (or other element) is centered according to the browser window. To accomplish this, use this (X)HTML: <div id=”wrapper”> <div id=”center”> </div> </div> And employ this CSS (commented with explanations): Read more »

IE Scrollbar Colors

Changing the color of scrollbars for Internet Explorer may very well be the oldest trick in the book. In fact, this post exists mostly for the sake of prosperity, as we here at Perishable Press strive to eliminate our entire offline library of website design notes by transferring them to the World Wide Web. Although library conversion requires time, patience, and determination, changing the color of IE scrollbars is relatively simple. Simply associate these CSS rules to the (X)HTML documents desiring unique scrollbar colors: /* produces a stylish black scrollbar with light-grey highlights */ * html body {    scrollbar-face-color: #000; […] Read more »

Latest Tweets WordPress plugin to enable WP's built-in database tools (for table optimization & repair of InnoDB, MyISAM, et al):…