![[ Screenshot: broken footer positioning in IE 7 ]](https://perishablepress.com/wp/wp-content/images/2007/script-tags/ie-incorrect.gif "a rather 'loose' footer as seen in IE 7")
By now, everyone is familiar with the Yahoo Developer Network’s 14 best-practices for speeding up your website. Certainly, many (if not all) of these performance optimization tips are ideal for high-traffic sites such as Yahoo or Google, but not all of them are recommended for smaller sites such as Perishable Press. Nonetheless, throughout the current site renovation project, I have attempted to implement as many of these practices as possible. At the time of this writing, I somehow have managed […] Continue reading »
Recently, a reader named Max encountered some scrolling issues while implementing our absolutely centered layout technique. Of course, by “absolutely centered” we are referring to content that remains positioned dead-center regardless of how the browser is resized. After noticing the scrollbar deficiency, Max kindly dropped a comment to explain the issue: the div solution works well, only one problem maybe somebody can help: if you make the browser window smaller then the div is -> the scrollbar doenst fit right […] Continue reading »
In this post I have assembled a concise collection of conforming, bare-bones document templates for just about every DOCTYPE for HTML, XHTML, and more. Continue reading »
![[ Image: Tyrannosaurus Skull ]](https://perishablepress.com/wp/wp-content/images/2007/misc-chunks/html-dinosaur.jpg)
HTML 5, also known as Web Applications 1.0, provides new markup elements that will change the way you design your web pages. The new elements replace commonly used divisions in web documents, facilitating an even greater degree of separation between structure (HTML) and presentation (CSS). Indeed, in many documents, the new elements will structure the document while providing enough hooks to render obsolete previously required divisions, classes, and identifiers. Let’s take a look.. Continue reading »
![[ Image: Two Hip Characters ]](https://perishablepress.com/wp/wp-content/images/2007/misc-chunks/essential-characters.gif)
Virtually every article written here at Perishable Press requires at least one or two “special” HTML characters. Some of these characters — such as quotation marks, hyphens, and dashes — are very common, while others — such as the copyright symbol, bullet, and arrow — happen less frequently. The vast majority of special characters, however, like the latin Ä (i.e., capital letter “A” with a diaeresis), and the mathematical symbol ⊃ (i.e., superset), rarely see the light of day on […] Continue reading »
![[ Image: Fred Rogers with Shoe ]](https://perishablepress.com/wp/wp-content/images/2007/misc-chunks/mister-rogers.jpg "R.I.P. Mister Rogers (March 20, 1928 — February 27, 2003)")
The target attribute for anchor elements (<a></a>) specifies the location in which the referenced document should load. For example, to open a link in a new window, we would use a target value of _blank. Although this is a commonly employed technique, the target attribute has been deprecated by the W3C and is not valid (X)HTML. Regardless, the target element remains a useful tool for practicing designers and developers. Here, we present the attribute values for the target element: Continue reading »
URLs frequently employ potentially conflicting characters such as question marks, ampersands, and pound signs. Fortunately, it is possible to encode such characters via their escaped hexadecimal ASCII representations. For example, we would write ? as %3F. Here are a few more URL character codes (case-insensitive), for easy copy/paste reference. Continue reading »
This post contains random notes and code snippets for embedding QuickTime within HTML web pages. Simply copy, paste, and customize according to your needs. Happy embedding! Continue reading »
This quick tutorial explains how to add images to both Atom and RSS feeds. Although both formats allow for image-inclusion, feed-reader support for image-display is currently quite limited in most browsers and applications. Hopefully, that will change in the near future.. Continue reading »
![[ Macromedia Flash ]](https://perishablepress.com/wp/wp-content/images/2007/misc-chunks/embed-fash-video-object.png)
Here is a collection of code snippets for embedding Flash and video using the HTML <object></object> tag. Useful for sites showcasing dynamic multimedia content. Continue reading »
In our previous article on creating spamless email links via JavaScript, the presented method, although relatively simple to implement, is not the most effective solution available. Spambots, email harvesters, and other online scumbags relentlessly advance their scanning technology, perpetually rendering obsolete yesterday’s methods. Continue reading »
By using an <iframe></iframe> within a <div></div>, it is possible to include external web content in most any web document. This method serves as an excellent alternative to actual frames, which are not as flexible and definitely not as popular. Indeed, with CSS, the placement, sizing, and styling of div’s provides endless possibilities for embedding external or even internal web content into pages that would otherwise require the use of frames, Flash, or JavaScript. This method works on any modern […] Continue reading »
After digging through the WordPress source code, I stumbled upon this very useful JavaScript method for auto-focusing form elements upon page load. Here is the JavaScript code (place within the document head): Continue reading »
Most Web authors are familiar with the <link /> element included within the <head></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. Continue reading »
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 »
This tutorial explains several techniques for centering content absolutely using (X)HTML. By “absolutely”, I am referring to an element (such as a <div></div>) that is centered on the page both horizontally and vertically. The techniques presented below explain how to center elements using CSS, frames, or tables. Continue reading »
