Perishable Press Theme Renovations Complete
by Jeff Starr on Sunday, April 6, 2008 – 16 Responses
Finally, after many grueling weeks of relentless determination and tedious repetition, I am pleased to announce the return of the entire collection of Perishable Press themes. Enabling users to change the appearance and functionality of the site, the fifteen unique themes were dismantled several months ago for the ongoing Perishable Press site renovation. Since then, links referring to the removed themes had been redirected to a temporary “Labs” subdomain (labs.perishablepress.com), which featured various installations of WordPress populated with “lorem ipsum” filler text. Although this was suitable as a temporary fix for those interested in exploring the different themes, full theme renovation and restoration remained an ongoing task that finally (finally!) reached its conclusion late last week.
Each and every theme has been painstakingly evaluated, optimized, improved, and tested. During the process, many structural, organizational, and presentational improvements were made. Each theme now operates independently, requiring no files (images, scripts, etc.) beyond those contained within the theme directory itself. Further, each theme has been integrated into a sitewide error-logging process whereby all errors (PHP, 404, htaccess, etc.) are logged in a centralized location and appended with plenty of theme-specific information. Thus, if someone begins to experience issues with one of these newly restored themes, I will be the first to know. This is important as people begin to use the themes under different circumstances (operating systems, user agents, extensions, etc.). I tested as much as possible to ensure universal functionality, but must admit a significant reliance and dependence on Web Standards throughout the restoration process. Thus, if something breaks on Internet Explorer, I won’t be surprised ;) So, without further ado, here is a summary of each newly renovated theme — feel free to check ‘em out!
The Perishable Press Theme Collection
- Apathy
Three-column newspaper-style theme. This is one of my oldest, least-used themes. It presents a lot of information right up front, which almost seems silly now. As far as I know, this is one of the first themes to employ a fully functional triple loop.- Bananaz
A traditional, two-column, fixed-width theme with all the trimmings. The original version of this theme was created in 2005, back when I was really digging into CSS and XHTML. Although I am relatively pleased with the overall appearance of the theme, there are several details that require attention. I personally do not use the Bananaz theme, but know of several people that continue to do so.- Casket
Casket is a traditional, fixed-width, two-column theme with a post-modern “gothic” feel. This is one of my favorite themes. As I designed the original version way back in 2005, CSS and XHTML were finally beginning to “click”. Lots of nice features included here as well, including live comment preview and external link indication.- DOS_FX
Produced on a whim, DOS_FX was inspired by the formatting and presentation of the DOS command prompt. DOS-FX is a fluid-width, two-column theme set in the legendary “Terminal” font. Beyond that, there really isn’t too much to say about it. Must see to believe.- Entropy
Entropy is simply the DOS_FX theme with an inverted color scheme. Instead of light text on dark background, Entropy features dark text on light background. Tedious, eh? Oh well, it’s all part of the learning process!- Finished
Finished is a fixed-width, two-column theme with fresh skeleton graphics and minimalist text styles. Maroon on white is one of my favorite blog color schemes, and the Finished theme throws ‘em down with style.- Garbage
The Garbage theme began as an old B2Evolution theme before I had discovered the joys of working with WordPress. I have always like the cluttered look of this theme, even if it would never work in the “real world”.- Headline
After several months working with the Apathy (newspaper-like) theme, I began receiving requests for a fixed-width version. Happy to oblige as always, I reworked the CSS and a bit of the PHP, and released the Headline theme. Over the past few upgrades, Headline has evolved into quite a solid little theme, even if it is a bit “old school”.- Information
Information is a monster of a theme that strives to streamline presentation of a well-rounded, multimedia portfolio. At the time, I was really trying to emphasize the different facets of my work, including photography, video, audio, art, and so on. The Information theme uses drop-down/pop-open JavaScript to consolidate different topical portions of the site while integrating them into a comprehensive presentation of content. Although this was a great idea in theory, the practicality of it all gets lost somewhere along the way.- Jupiter!
Finally, after eleven previous stabs at producing a theme that I could live with, I finally designed something halfway decent. The Jupiter! theme will be recognizable to many you, as it reflects the look and feel of Perishable Press from the not-too-distant past. The first theme to feature the official Perishable Press sun logo, Jupiter! is a fixed width, pseudo-two-column theme with toggling meta information for each post. Live comment preview, link indication, Flash titles, and comment quicktags help to round out the overall functionality of this classic theme.- Killer
Another attempt at something different, the Killer theme is more of a study of XHTML markup and floated divisions than anything else. Believe it or not, this theme is doing things that the CSS newbie just wouldn’t understand. Although the presentational puzzle was eventually solved and the desired layout achieved, the overall look and feel of the Killer theme is fairly awkward and overwrought. An interesting chapter in theme development, if nothing else.- Lithium
Once Jupiter! had been online for awhile, traffic began to increase a little, and a few folks had dropped some positive criticisms concerning the theme. Inspired, I decided to refine Jupiter! and optimize it for dial-up. I removed much of the extraneous functionality, streamlined lots of code, and consolidated the CSS. In the process, I also enhanced the appearance of the text, making it cleaner and easier to read. To top off the fun, custom print styles were also included.- minimalist
The minimalist theme is a sparse, flex-width, two-column theme with a nice, quiet appearance. The minimalist theme utilizes two special menu pages to help streamline links, organize content, and reduce clutter. Other features include comments appearing directly adjacent to posts and an “invisible” search box that I thought was way too cool for it’s own good. Even today, minimalist remains my most popular theme, as measured in sheer number of downloads.- Naked
Designed exclusively for CSS Naked Day, the Naked theme features succinct, XHTML-1.1 markup, ultra-optimized PHP code, and plenty of sweet, behind-the-scenes WordPress functionality. Virtually CSS-free (featuring only a pinch of style for the Coldform), the Naked theme may not be the prettiest WordPress theme around, but it happens to be ideal for low-bandwidth users, mobile devices, and anyone who desires a lightning-fast browsing experience here at Perishable Press.- Optimized
Once traffic really began to pick up early last year, I began work on another evolution of the Jupier!/Lithium theme. Since the release of Lithium (the default theme at the time), my design skills had improved significantly, and I was determined to create something representative of my current level of understanding. Thus, after several weeks of development, the Optimized theme was unveiled to the public. Similar in appearance to its predecessor, Optimized features significantly improved code, faster loading times, and greater functionality. Lots to love about this theme, including a super footer featuring the multiple-loop presentation of recent posts from each category.- Perishable
You arewere here. Thisiswas the site’scurrentdefault theme. It replaced the Optimized theme late last year (2007), and is designed with a serious passion for minimalism. Of all my themes, I have found this one to be the most inspiring to work with — it gives me a sense of seriousness, speed, and accuracy that I find highly inviting and rewarding.- Quintessential
You arewere here. Thisiswas the site’s current default theme. It replaced the Perishable theme in October of 2008, and is my finest design effort to date. Features include triple content panel sliders, smooth scrolling to internal link targets, imported Twitter and Tumblr feeds, cross-browser display precision, and much, much more. The initial release was a little rough around the edges, so I will be sharpening things up throughout the coming months.- Requiem
You arewere here. Thisiswas the site’s current default theme. It replaced the Quintessential theme in January of 2009, and is a return to minimalism in a more user-friendly fashion. Features include cleaner interface, streamlined archives, toggling metadata and metapost information, and much more. The text is displayed via highly contrasted Helvetica with classic blue underlined link styles, and the post paragraph text is justified for tighter overall page views. Other changes include dropped Tumblr feed import, new Gravatar display for comments, and smoother JavaScript embellishments. Overall, it’s my new favorite ;)- Serious
You are here. This is the site’s current default theme. It replaced the Requiem/Quintessential themes on November 30th, 2009. The Serious theme is my favorite so far, keeping the focus on content via streamlined interface and reorganized site architecture. Features include enhanced presentation of <pre>code, Ajax-powered recent-posts panel, and imported images from my graphix archive site, perishable.biz. Definitely check it out or learn more about the Serious theme.
Looking back and moving on..
Renovating and restoring these themes has proven both challenging and enlightening. It took every ounce of effort and determination I could possibly muster to keep my nose to the grindstone night after night, day after day, meticulously contemplating and reworking endless lines of atrociously written code, perpetually sleuthing and resolving conflicts and inconsistencies, and continuously dealing with crashing servers, impatient support help, and unappreciative ticket responses. I spent a solid month working on this project — righting the many wrongs that had plagued many of my previous themes — and can honestly say it may have been the most rigorous, grueling experience I have yet encountered while developing my computer skills. Fortunately, the process was also very enlightening. Going through and reworking old code is a great way to observe progress. Some of my oldest themes had not been touched in over two years! And let me tell you, I may not know much about PHP, XHTML, CSS, or JavaScript now, but two years ago I knew virtually nothing! You would so laugh if I told you about some of the code I found lurking in those old theme files. Beyond recognition of progress, I also benefited by the additional exposure to WordPress. The entire theme process is so crystal clear to me know — loops, tags, templates, hooks — I am excited to move ahead and start fresh with a new theme design. Finally, the most practical benefit of renovating all these themes is that they are all once again working well and available for customizing the look and feel of Perishable Press. These themes represent a significant phase of my Web design experience, and now that they are preserved and restored online, I hope you enjoy them!






16 Responses
Add a comment
Johan Boström – #1
I’m a frequent reader and your articles have been proven very useful to me, so thank you for that!
However, I think I’ll stick to the previous theme. This new psykadelic stuff is way to hard on the eyes. Might be better if you let the background scroll with the page, and if it would fade into black or dark grey.
Jeff Starr – #2
Hi Johan, thanks for the feedback about the new design. Looking at the design in various browsers and platforms (thanks to a ton of screenshots), I have noticed that, on Macs, the background image seems to show through the panels to a much greater degree than it does on most PCs. I am not sure whether or not you are Mac user, but even if not, many of my readers do use Macs, so I may end up increasing the opacity of the panels slightly to improve readability. Whether or not this helps with the eye strain in your case, I am not sure, but you are more than welcome to use the previous theme if you prefer (that’s what they’re there for!); I am happy enough just to have you as a reader ;)
Johan Boström – #3
Hi!
I tried switching to the new theme again ant it’ sway better than I remember it to be before your opacity tweak. I am indeed a Mac user (since 2002 :) ) and I mainly use whatever the latest version of Safari is.
Being a web developer, I have seen every common browser and it’s behaviours in various situations, and I don’t think Safari’s rendering of images differs between the different platforms that it supports.
One thing that should be important to remember is that the default gamma setting in Mac OS is gamma 2.2, while in Windows it is defaulted to somewhere around 1.8 depending on your graphics card drivers and display brand.
So my screen renders colors as much more vivid, and the darker areas of your psykadelic background will be quite darker than it is in Windows web browser.
I do not know if you’re a Mac user. If you’re not, I recommend that you take a look at what options you have for temporarily changing your displays gamma value, and reviewing your website with gamma 2.2.
Thanks, and keep up your witty, insightful and highly educational writing!
Regards,
Johan Boström, currently at 3°C. *shivers*
Jeff Starr – #4
Hi Johan, glad to hear the site is looking better for you. I am still in the process of fine-tuning and enhancing many aspects of the design, so hopefully things will continue to improve.
Interesting to hear about the differences in gamma settings for Mac versus Windows systems. This is good information that I will file away for future investigation and diagnostics. As both a Windows user (on my primary computer) and a Mac user (Macbook laptop), visual testing via temporary gamma adjustment could prove to be a very helpful technique for testing new designs.
Btw, 3°C? May I ask whereabouts one might encounter such frigid October weather? Sounds like an excellent excuse to stay warm indoors and surf the Web!
Johan Boström – #5
Correction to my previous statement: It is the opposite, Windows is default 2.2 and Mac OS is default 1.8! And so, it makes perfect sense as to why I thought the opacity was to low at first, since everything is brighter in Mac OS and the text blended into the background. I don’t know how I could mix that up. Too much work I guess.
If you visit my website, you can see where I’m located on Google Maps. The middle of Sweden! And yes, ofcourse I stay inside these cold days. ;)
Take care,
Johan
Manuel – #6
¡wow! I( like so much the theme that I want to use it on my site LOL
Shelly – #7
Are these downloadable or just for people to admire?
Jeff Starr – #8
@Shelly: The themes on this page enable users to customize their experience here at the site. Some of them are available for download and others are not. You can see a complete list of available themes here.
zubfatal – #9
The Quintessential theme looks great to me, however when scrolling up or down on the page, it makes my laptop work harder than it should do - it seems to “resume normal speed” once i’ve scrolled past the right column, or even faster still, when disabling background images using the web developer extension in firefox, this however leaves the site rather naked :)
Jeff Starr – #10
@zubfatal: Yes indeed, the Quintessential theme is image-intensive and makes use of transparent PNGs and backgrounds, rounded corners, and much more. Unfortunately, displaying such graphical complexity requires a significant amount of processing power, something which is not always available on all machines. No reason to panic, however, as I currently offer 18 alternate themes from which to choose. Personally, I am quite fond of the “Perishable” theme and also the “minimalist” theme, both of which are easy on the imagery and work well even on the slowest of machines (such as my trusty, 7-year-old Sony Vaio laptop!). I hope this helps; please let me know if I may be of any further assisitance :)
Ben C – #11
I love the new theme, though I have always liked very simple and uncluttered designs. It may inspire me to redo my own sites CSS.
Jeff Starr – #12
Thank you Ben — it is great to hear that you enjoy the new design. Cheers! :)
Vrbo – #13
Jeff,
Was looking for a theme and stumbled upon your page, sweet themes! I am putting a wp-blog on my site and wanted to have a different layout then my home page to make my users feel like its a personal blog as apposed to someone that is writing from within the company. I am considering using your Apathy theme…. will keep you updated if I use it.
Thanks
-Victor
Matthew – #14
You are an amazing guy! I love your posts, they are so helpful to web designers and your themes are beautiful. Do you have any plans to make the Quintessential theme available for download? I look forward to trying out some of your themes on my future websites.
Jeff Starr – #15
@Vrbo: Thanks, Victor! Looking forward to seeing it if you decide to go that way :)
@Matthew: Yes, one of these days I will be releasing all of my themes to the public. Unfortunately, it won’t be any time soon because I am overloaded on paid gigs for the duration of the foreseeable future. One of these days, though! ;)
Nicole – #16
I’m going to have to take a look at those themes… although I have given up almost entirely on IE’s rendering capabilities. It’s becoming to a point where I am pondering whether to make a separate set of pages once it is detected IE is being used, or keep up with whatever CSS hacks I may be able to find to keep it all within the same pages… but I’m almost on my way to going live with a WordPress installation on my site, even though I very much enjoy programming everything from grounds up.