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, […] Continue reading »
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 HTML information, check out the HTML category archive. If you like what you see, I encourage you to subscribe to Perishable Press for a periodic dose of online enlightenment ;) Continue reading »
Customize WordPress Quicktags
WordPress Quicktags 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></strong>, <a></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. Continue reading »
Auto Clear and Restore Form Elements
Using a small bit of JavaScript, it is possible to auto-clear and restore form elements when users bring focus to them. Simply copy, paste, and modify the following code example to achieve an effect similar to this: Continue reading »
Optimize Convoluted Code via JavaScript
Search engines loathe crawling through convoluted lines of code. Oceans of complex JavaScript scare away the priceless indexing and archiving efforts of most major search engines, which will generally abort a crawl upon encountering such mess. The good news is that search engines actually do not deploy JavaScript, so it is possible to use JavaScript to hide those miles of messy code by using the fundamental document.write function. Continue reading »
Spamless Email Address via JavaScript
Let’s face it, spam sucks. Give spammers the figurative finger by using this nifty bit of JavaScript to hide your email address from the harvesters. Here is an easy copy-&-paste snippet for including a spam-proof email address in your web pages. Although there are a million ways of doing this, I am posting this for the record (and because I just can’t stand deleting usable code). This technique uses JavaScript, and therefore is not 100% ideal for all users. My […] Continue reading »
Conditionally Load WordPress Pages
Need to load a WordPress page conditionally? For example, perhaps you need a “special” page to appear for search results? Yes? This simple PHP/JavaScript solution may be just what the doctor ordered! Continue reading »
sIFR Notes Plus
Here are a few sIFR Notes for Perishable Press. Just what are we looking at here? Well, first it is important to understand the sIFR variables and the order in which they should appear: Continue reading »
Lightbox + FancyTooltips Bug Fix
For those of us enjoying the stylish functionality of Lightbox or any of its many incarnations, images “magically” overlay the window and unfold, revealing navigational buttons, image count, and of course the image titles. Likewise, for those of us enjoying the stylish functionality of FancyTooltips or any of its many incarnations, title and alt attributes manifest as stylish displays of CSS brilliance that your visitors will love. Continue reading »
Website Cluster Graphs
Ever imagine your website represented as a cluster graph? Well prepare your DOM and check out Sala’s Websites as Graphs project. Just visit the free online tool and enter the URL of any web page. After a few moments, the site will generate a colorful graph such as the one displayed on the left of this post. Each generated map represents a single website page, where each dot represents a different tag, and each color represents a different type of […] Continue reading »
Lightbox Notes
To add Lightbox functionality to any single image: Add rel="lightbox" to the anchor tag. Add a title="" attribute to the anchor tag. Add an alt="" attribute to the image tag. To add Lightbox functionality to any series of images: Add rel="lightbox[value]" to the anchor tag of each image. Add a title="" attribute to the anchor tag of each image. Add an alt="" attribute to the image tag of each image. Any set of pictures with the same rel="lightbox[value]" will display […] Continue reading »
JavaScript Notes Plus
Welcome to Perishable Press! This article covers a plethora of useful JavaScript tips and tricks. For more excellent JavaScript information, check out the JavaScript tag archive. If you like what you see, I encourage you to subscribe to Perishable Press for a periodic dose of online enlightenment ;) Nifty JavaScript Design Tricks Clickable divs Standard design practice dictates that the site logo or banner located at the top of the page links to the home page of the site. There are […] Continue reading »
