When I first began Perishable Press, I intended the site to focus primarily on the creative side of web and graphic design. However, I also wanted to share equally my ideas and experiences involving music, video, and other multimedia avenues of creative expression. Further, because I enjoy writing, and find myself frequently focusing on art, inspiration, and artistic expression, the initial plan encompassed a perpetual exploration and presentation of these topics here at Perishable Press. Two years later, the original […] Continue reading »
The über-trendy “Web-2.0” paradigm seems to be floating quite comfortably throughout the blogosphere these days. In fact, with it’s current mainstream popularity, the Web-2.0 mentality enjoys de facto status as the dominating influence behind modern website development and design. Not too long ago, however, Web-2.0 hovered quietly amidst the thinking of cutting-edge entrepreneurs and developers, as they strove toward freshness, simplicity, and usability. Before it’s rise to media fame, Web 2.0 was merely a loosely defined set of concepts and […] 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 »
![[ Preload Images with CSS ]](https://perishablepress.com/wp/wp-content/images/2007/misc-chunks/preload-images-css.jpg)
Clean, easy, effective. You don’t need no stinking JavaScript to preload your images. Nope. Try some tasty CSS and (X)HTML instead! Here’s how to do it with only two easy steps.. Step 1 — Place this in your CSS file: div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } Step 2 — Place this at the bottom of your (X)HTML document: <div id="preloaded-images"> <img src="https://perishablepress.com/image-01.png" width="1" height="1" alt="" /> <img src="https://perishablepress.com/image-02.png" width="1" height="1" alt="" […] Continue reading »
First of all, congratulations if you are geeky enough to understand the title of this article. Many would be like, "CSS, MS.. IE, error ..what..?" Whatever. If you get the title, you will get the point of this utterly pointless exercise. If that is the case, prepare for a delightful romp through geekland. Otherwise, save your precious time and stop reading here (exit strategy). Continue reading »
![[ DLa: 20.50 ]](https://perishablepress.com/wp/wp-content/images/2007/misc-chunks/dla-pig-logo.png)
Dead Letter Art (DLa) is an esoteric underground art collective. The collective consists of eight core members that have known each other since high school, and have been creating and sharing their art for well over fifteen years. Sharing many common interests and influences, the DLa collective explores diverse artistic media, both individually and collectively. Their vast media expertise includes everything from drawing and painting to website development and multimedia production. Further, the group also embraces the fine art of […] Continue reading »
Behold the seventh wonder of the virtual world: max/min-height and max/min-width properties are possible in Internet Explorer! Indeed, by taking advantage of IE’s proprietary CSS attribute, expression, you too can whip IE widths and heights into desirable proportions. The CSS expression attribute enables JavaScript commands to be executed within Internet Explorer. JavaScript via CSS? Thanks, Microsoft! Continue reading »
Hiding and filtering CSS rules for specifically targeted browsers is often a foregone conclusion when it comes to cross-browser design considerations. Rather than dive into some lengthy dialogue concerning the myriad situations and implications of such design hackery, our current scheduling restraints behoove us to simply cut to the chase and dish the goods. Having said that, we now consider this post a perpetually evolving repository of CSS filters.. Continue reading »
![[ minimalist Theme ]](https://perishablepress.com/wp/wp-content/images/themes/minimalist_.jpg)
The minimalist theme is crisp and clean. Featuring a three-column satellite menu-page to reduce clutter and streamline usability, the minimalist theme is designed to present site content with sophistication and elegance. The minimalist theme is XHTML 1.1 strict, employs nearly valid CSS (ha!), and features browser-safe colors and universal fonts all delivered via concise, two-column liquid layout. Mindfully detailed and carefully prepared, the minimalist theme provides plenty of room for customization and expansion. One of my favorite theme designs. Continue reading »
Consider this post an evolving receptacle for Firefox-specific CSS tricks. 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 »
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 […] Continue reading »
This nifty CSS link hover effect magically reveals a hidden span of text after specified links. The trick employs an anonymous span nested within an anchor tag. CSS then acts upon the markup with a set of rules that basically says hide the nested span until the link is hovered. Continue reading »
Here is my online (i.e., public) repository of interesting, mysterious, and/or perhaps even useful CSS code. Note that this post and file are from 2006. Probably best for informational and reference purposes only. Continue reading »
Check out these crazy CSS underline effects: Continue reading »
Consider this page a virtual dumpster of wonderful CSS hacks.. Continue reading »
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience.
Here you will find posts about web development, WordPress, security, and 