After many weeks of hellish labor, Perishable Press is redesigned with some significant changes to the main structure of the site. Before the 2011 renovation, the site operated from a subdirectory WordPress installation in the following location:
New design in effect at Perishable Press. It’s sort of a hybrid between some of the things I like about the Quintessential theme and some of the best parts of the subsequent Requiem theme. So this new theme is named Serious because it represents a renewed commitment to design, blogging, and everything I love about working on the Web. While I have everything fresh in my mind, here are some of the highlights of the latest incarnation of Perishable Press..
Due to popular demand, I will be switching the site’s default theme back to the colorful Quintessential theme (opens new tab or window). Many people simply felt that the extreme minimalism of the new Requiem theme (opens new tab or window) was just too “plain” or otherwise difficult to navigate due to the single-column design. So, after giving it a go and receiving some excellent feedback, Perishable Press will be rolling with the Quintessential theme — at least for now.. ;)
Those of you who prefer the straightforward usability and minimalist design aesthetic of the new Requiem theme may continue to use it during your visits to Perishable Press. Either click here for Requiem (opens new tab or window), or otherwise scroll down to the footer of the default Quintessential theme to the “Switch Themes” links. Additionally, for the more adventurous surfers out there, you may choose to skin the site with any of my 18 available themes.
As you may know, Perishable Press was redesigned only several months ago. As much as I enjoy the transparent imagery of the Quintessential theme (opens new window or tab), I find it too distracting and complicated for everyday use.
So I have redesigned, yet again. The new theme is called “Requiem” (opens new window or tab) and is return to my minimalist roots (opens new window or tab). There is something calming and yet energizing about working with a streamlined, no-fuss interface, especially when you are extremely busy. The new theme was completed in December of last year, and I have been using it behind the scenes ever since.
Now I want to know what you think about the new design. Is it an improvement over the previous, more colorful theme? I will be taking your feedback into consideration when deciding whether or not to keep the new “Requiem” theme as the default. Let me know your thoughts! Thanks :)
First of all, thank you to everyone who provided screenshots, feedback, and ideas for the new design. Your help is highly valued and greatly appreciated. From what I am hearing, the redesign seems to have been well-received, with many readers and visitors taking the time to leave a comment, send a screenshot, or email a message. As hoped, people seem to enjoy the vibrant colors, the translucent panels, and the fancy sliding menus.
Other people have pointed out the site’s oversize width. On screens that are 1024 pixels (or less) in width, the design triggers the hideous horizontal scrollbar. Using a 1024-pixel width was a conscious decision based on sound statistical information and a desire to maximize screen area. Based on my statistics, approximately 85% of visitors view the site through a monitor that is greater than 1024 pixels in width:
One of my goals for the new Perishable Pressredesign was to achieve cross-browser, pixel-perfect precision [ 1 ]. Of course, due to many variables (platform, operating system, browser, extensions, fonts, etc.), it is virtually impossible to achieve complete 100% perfection, but I am certainly interested in examining the design on as many different configurations as possible. Thus, last week after launching the new design, I made an open call for screenshots. Graciously, many of you responded with some great screenshots. Thanks to you, I was able to see Perishable Press “in the wild” on many operating systems and browsers to which I simply don’t have access. Sure, I could have just went to browsershots.com or some similar service, but as Rick Beckman correctly pointed out, it is much more fun to get everyone involved in the process. So without further ado, here is the Perishable Press Quintessential Screenshot Gallery:
Quick announcement that I will be posting an article featuring a diverse screenshot gallery of the new design. To accomplish this, I need screenshots from as many different operating systems and browsers as possible. Currently, I have access to the following browsers:
New design in effect at Perishable Press. With this 17th incarnation of the site, I drew heavily upon psychedelic influences, spiked it with the essence of the previous dark minimalist theme, and mixed in a healthy dose of cutting-edge JavaScript and PHP functionality.
After announcing my intention to redesignPerishable Press, I received some great feedback addressing everything from site architecture and navigation to appearance and usability. As the conversations continue, I want to spend some time thinking about usability, navigation, columns and sidebars. The current minimalist design features a single column layout with no sidebars. Content is located prominently front and center, with all navigational links appearing in either the oversized “footer” area or at the end of each individual post. As severalpeoplehavepointed out, such navigational strategy (or lack thereof) discourages visitors from digging deeper into the site. Apparently, the pile of links at the bottom of each page — the menu, as I like to call it — requires far too much effort to decipher. I mean, really, just because it all makes perfect sense to me, doesn’t mean that everyone else will “get it” too.
I want to redesign Perishable Press. The current design was released around a year ago, and has received numerous compliments and criticisms. Compliments tend to focus on the theme’s minimalist sensibilities, while criticism is generally directed at the design’s poor usability. Personally, I find the “grey-on-black” color scheme to be very inspiring. Others, however, have difficulties reading the content, and that’s not good.
It’s been awhile since my last personal news post, and I figure that enough has been happening to warrant yet another exciting news update. Yay! ;)
So let’s see, first on my mind is the recent launch of the new design for Monzilla Media, the official site for my personal website and graphic design business. The first two versions of the site were single-page brochure sites, but this new version is fully loaded, featuring tons of portfolio content, business news, and service information. If you’ve got a minute, I would love to hear your feedback!
Not too long ago, I played with the idea of releasing article content under a Creative Commons (Attribution-NonCommercial-ShareAlike 2.0) License. At the time, I wanted to host my own copies of the two associated CC license pages. During the process of uploading the pages to my own server, several minor adjustments (regarding image paths, etc.) needed to be made to the source code. After tweaking a few things in the XHTML code, I began snooping around in the pages’ CSS files. Eventually, I found myself rewriting the entire CSS and XHTML files for both documents. Although this sort of activity is not unusual for me to do, I admit that it is borderline obsessive/compulsive and perhaps even a bit paranoid. Nonetheless, the reworked CSS and XHTML documents are cleaner, less redundant, and better optimized (in my humble opinion) than the originals. Further, the remixed pages are fine-tuned with a hyper-critical design aesthetic. To my eye, they present much tighter than the original versions. But hey, that’s what the spirit of Creative Commons is all about, right? Sharing, remixing, and improving content? In any case, redesigning these pages was good fun and good practice, even though I have since decided against licensing any of my content via Creative Commons 1. So, rather than simply deleting these brief redesign exercises, I have decided to post them online and share them with anyone who might be interested in such esoteric dabblings. You never know who might find them useful! ;)
Ever since writing that last review article, I have been feeling the need to cut loose, relax, and blog about something a little more “down-to-earth,” like recent things that have been happening around here. If you are new to Perishable Press, rest assured that I try to keep these “site/personal news” update posts down to a minimum. Whenever possible, I save up a bunch of interesting off-topic things that I want to talk about, and then cram them all together into a multipurpose article like this one. I have found that consolidating and summarizing multiple news items into one post helps keep noise to a minimum while providing a more complete “snapshot” of current events. That said, let’s see what’s been happening ‘round here lately..
Toggle High Contrast Style
Due topopulardemand, I have implemented an alternate “high-contrast” CSS stylesheet for the current theme. If you find the content difficult to read due to the low-contrast, “grey-text-on-black-background,” click on the small sun icon located in the lower-right corner of the browser window to brighten things up a bit. Conversely, to restore the original (dark) appearance, click on the moon icon in the same location. This “toggle-contrast” functionality has been around for awhile, but I have not found the opportunity to mention it until now.
Now that my recent site overhaul project is nearly complete, I thought it would be useful to share my carefully developed “plan of attack.” The following seven-step strategy is designed to facilitate the entire renovation by logically ordering events and breaking down complex tasks. Upon execution, the following plan is designed to improve overall site functionality, presentation and structure, while factoring in several critical parameters:
Modular time organization — due to my hectic schedule, it is necessary to break large projects down into manageable chunks.
Separation of main site from test site — I need a clear distinction between Perishable Press and my many test blogs, pages, and projects.
Separation of main content from tangential content — distinguishing between main content and other material (e.g., private content, FTP files, etc.) is critical.
Facilitation of future WordPress upgrades — keeping up with WordPress is important. Before the site overhaul, upgrading was nearly impossible. In fact, the primary thrust of this site makeover is aimed at making it easier to stay current with WordPress.
Thus far, adhering to this plan has helped to eliminate confusion by simplifying an otherwise convoluted project. With this plan firmly in mind, stepping through the entire process happened in a clear, nearly mechanical fashion. Without a doubt, being prepared provided an expediency and thoroughness that would have otherwise remained elusive. Is this the “perfect” plan for renovating a rather large, preexisting site? Probably not. Will you learn something about preparing for and executing WordPress and other site upgrades by reading it? Probably. I suppose, in any case, that even if readers find the proceeding plan all but useless, posting it online is great for prosperity and may even serve useful as future reference material. So, without further ado, here is an outline of the activity recently unfolding behind the scenes here at Perishable Press.
Two weeks ago, I decided to completely overhaul Perishable Press. The decision came after several months of smooth sailing with excellent site performance, an optimized theme, plenty of visitors, and even a comfortable posting schedule. All things considered, everything was peachy keen — until I began reflecting on the “big picture,” meditating upon certain aspects that are frequently taken for granted or simply overlooked during periods of hectic operation and maintenance. For example, while troubleshooting htaccess and PHP errors, webmasters generally don’t take the time to meditate on the structural and functional integrity of their overall site configuration.
Fortunately, I recently found the time to contemplate Perishable Press from a broader perspective, rethinking everything from themes and plugins to organizational architecture and permalinks. As I approach the completion of the most comprehensive site renovation ever, many significant improvements are currently underway. Here is a summary of the primary changes involving site structure, presentation, functionality and performance:
Just a note to let everyone know that I am switching the site’s default theme this evening. The new theme is similar, yet different (drop by to see what I mean), and will be switched over as soon as everything is ready behind the scenes (plugins, etc.). Also, until I am able to update the mobile CSS styles, the site may appear a little bonkers when viewed via mobile device. In the meantime, as the new theme goes live, many functional aspects of the site will also be changing (such as the WordPress 2.3 upgrade). So, as things unfold, please be patient with me, as I continue to work diligently to get everything working smoothly again. And, if you happen to notice any serious errors or discrepancies, please hoot and/or holla at me. That would be just swell. Thank you ;)
Ladies and gentlemen, things have become a little too comfortable around here. Themes are displaying with nary a hitch, files are being downloaded as expected, URLs are served like butter, and the site is experiencing fewer errors (PHP, 404, etc.) than ever before. After two years of perpetual updating, posting, fixing, and tweaking, Perishable Press is finally performing exactly as desired (all things considered, of course). Yes sir, things are running quite smooth indeed..
A little too smooth. Sure, given the comfortable equilibrium that I am currently enjoying, it would be very easy to kick back, get lazy, and just coast on autopilot for the next two or three years. Maybe drop a new theme every six or seven months and call it good. After all, I have finally developed a comfortable writing and posting schedule as well. So what’s the problem, then? Why change things now? Why deliberately create more work, hassle, and stress for myself? Surely, there is a good reason.
[ Detail of 88teeth’s revamped “Manoid” ] Longtime friend and fellow-DLa member ThaneC recently has updated his personal/portfolio site, eightyeightteeth.com. ThaneC’s site has been completely redesigned and reorganized, featuring easy navigation and generous presentation of core content. Every page is overflowing with creative juice — thumbnail galleries of artistic works, digital photos, and custom wallpapers are a pleasure to browse. Full-size versions of each creative piece “pop-up” upon command. ThaneC’s unpretentious wit and artistic sincerity furnish each page with insightful commentary and inside information concerning each delicious offering. Designed according to the principles of modern web design, ThaneC’s site now employs the efficiency and flexibility of HTML and CSS, rounded out with a touch of unobtrusive JavaScript to make it all sweet.
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 vision continues to change. Perishable Press has evolved into a site that focuses almost exclusively on technical aspects of web design. Although readers may occasionally experience a few digressions into graphic design, photography, and creative expression, these topics no longer represent the primary purpose of the site. Currently, visitors to the site will notice a plethora of content aimed at helping designers, developers, and bloggers excel on the Internet. Over the course of fifteen redesigns, the look and feel of Perishable Press has managed almost completely to evolve synchronously with the content. Almost..
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).
Well, okay, for the seriously unenlightened, let us explain the object of our present focus:
The default "DNS Error" page for Internet Explorer unfortunately remains a familiar sight for millions of Microsoft users. Typically, the default MS DNS Error page loads whenever a browser is unable to connect to the internet or other networked resource. Once loaded, the error page announces itself with a message that reads "The page cannot be displayed." The page then presents several options: refresh browser, retype address, check connection, check configuration, etc. — Monzilla Media (i.e., me)
Still interested? Well, okay. Actually, it’s no big deal. Just a nice, standards-compliant, CSS-based redesign of that old, nappy Internet Explorer 404 Error page. You know the one. Whenever you can’t connect to the internet, it jumps up at you, sticks out it’s tongue and mocks you. Yes, we hate it, too. But alas, with the release of Internet Explorer 7 comes a ‘brand new’ 404 error page. Surely, it’s just a matter of time before that dumpy old 404 error page circa IE5/6 disappears forever. So, before that tragedy unfolds..
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 desktop publishing, employing their periodically printed zine, Dead Letter Art, with their recently redesigned website, deadletterart.com, as their vehicle of choice for sharing, discussing, and exploring their highly creative, collective universe.
For many months, visitors to Perishable Press encountered the highly customized Jupiter! theme. Utilizing sIFR, Prototype, Lightbox, and several other bandwidth-heavy scripts, the Jupiter! theme weighs in at well over 400KB/page when saved as an offline copy. The Jupiter! theme also employs every plugin used here at Perishable Press, resulting in even slower performance for broadband users, and utterly painful experiences for those on modem/dial-up.
Recently, we decided to give Jupiter! a facelift and dump the heavy baggage. The idea was to create a theme aesthetically similar to Jupiter!, focusing on speed and usability without sacrificing essential functionality. The result is Lithium, the eleventh WordPress theme from Perishable Press & Monzilla Media. Lithium is lightweight, accessible, user-friendly, XHTML-strict, and provides helpful features such as tags, keywords, gravatars, as well as comment enhancements and autodiscovery feeds. Best of all, Lithium provides the same overall "look and feel" as Jupiter!, but with better, brighter colors and sharper, sexier details.
Nonetheless, there are yet simpler, more refined themes in the works for Perishable Press. By the time you read this, in fact, the Lithium theme may no longer appear as the site's "default" theme. So, for the record, here are links to Jupiter!, Lithium, and a selection of all Press themes.
Website makeover in progress (again). Actually, this website will probably exist in a perpetually evolving state until the end of time. It is simply too much fun to tweak, build, and learn. I now consider this website a project devoted to writing articles and practicing WordPress, web design, scripting, accessibility, and SEO. So feel free to look around, read some Nonsense, and get into some Business, but don’t be surprised if the universe folds or the sky turns red during your visit…
This website is the product of over three months of code, design, redesign, and eyedrops. It takes advantage of WordPress 2.0, which has been functioning flawlessly. The Monzilla website (and all subsequent sites) will also employ WP 2.0, or whichever version is the most current at the time of design.
At last we are witnessing the completion of a WordPress theme that should endure at least the next year. If I find myself redesigning the Perishable Press website yet again sometime during 2006, then I should just walk away from it all. The Information skin has plenty of features to keep me busy and lots of nooks and crannies for some serious chillz.
Update (02/07/06): Okay, so maybe I should just walk away from all of this WP business. Here it is, 2006, and I am once again redesigning the Perishable Press website. The last redesign (i.e., the Information theme) employed JavaScript, style-switchers, many plugins, and a heavily hacked WP 1.5 engine. Needless to say, although the Information theme was indeed XHTML-strict and theoretically universal, IE6 choked on it, dial-up modems choked on it, and it would have eventually collapsed upon itself due to its immense, convoluted structure. As much as I loved its look and feel, I had to junk it in order to simplify, streamline, and get serious about future developments. So, I completely erased the old site and replaced it with this fresh, new version, which runs on WP 2.0, doesn’t require JavaScript, and is extremely universal and bandwidth friendly. Plus it validates on all fronts and boasts simplicity and elegance over tricks and gimmicks. How long before the next redesign? God only knows.