New Demos and Tools Pages

Working on organizing the site, I’ve put together two new pages that round-up my Demos and Tools. The demos are organized into sections, Ajax, CSS, PHP, and so on. Most of the tools are for encoding and decoding, but will eventually include stuff for CSS, .htaccess, JavaScript, et al. Both of these new pages are readily accessible from the top menu bar (see left screenshot). It’s better than fun! Continue reading »

New Design in Progress

My new book is doing well, so I have some time to work on my sites. Here at Perishable Press, I’ll be working on a redesign, refreshing some older content, and posting some new articles. Continue reading »

WP-Mix – A fresh mix of code snippets and tutorials

Wrapping up 2012, I finally launched xyCSS, which is all about responsive, grid-based design. To showcase xy.css, I used it to design WP-Mix.com, which also serves to house a growing collection of choice code snippets. Currently WP-Mix features over 100 snippets, tutorials, and other useful bits to help with WordPress development and web design in general. The topics are similar to those at Perishable Press (e.g., WordPress, PHP, JavaScript, CSS, etc.), but the posts are less-involved and aimed at intermediate […] Continue reading »

xy.css – Responsive Grid Design

For the past year or so, I’ve been heavy into responsive, grid-based design. In December, I “soft-launched” my new site, xyCSS with a simple tweet: Bringing it all together: https://perishablepress.com/xycss/ As implied (and explained), xy.css is a lightweight CSS template for creating semantic HTML5 designs on a responsive liquid matrix. Continue reading »

Introspection WordPress Theme

Free WordPress theme! The dark/minimalist design of the Introspection theme was originally created for a Pink Floyd fan site. After taking the site down to clear room (and time) for new stuff, I felt the design was too sweet to just let rot away in the archives. So after a few days of generalizing Introspection for public use, I’ve made it freely available for download so it can shine on.. Continue reading »

bbPress Theme Template Files

[ Screenshot of bbPress TwentyTen template-files ]

For those getting into bbPress for hosting your own forum, customizing your bbPress theme files can be difficult if you don’t know which page to load. Many of the bbPress theme template files contain enough clues to figure things out, but not every template file is used by default, or even at all depending on how you’ve configured bbPress. Themes may contain different template files, but the default “bbPress (Twenty Ten)” theme (included with version 2.1.1) may be considered a […] Continue reading »

3D Text with CSS3 text-shadow

Here’s a fun way to make text look 3D using CSS3. Using CSS whenever possible instead of images has several key advantages, including faster page-loads and better SEO I use the CSS text-shadow technique in a previous theme, and a few people had asked about it, so here it is: everything you need to create your own stunning 3D-text with CSS3.. Continue reading »

10 Collections of Minimalist Web Design

I always enjoy looking at good minimalist web design. Here are my top favorite collections of articles featuring minimalist design, comprising nearly 500 examples for your inspiration and amusement ;) Continue reading »

New Theme!

Yep, just when you thought I was moving on with my life, I spend another month on a new theme. My problem is that I tend to listen to criticism. And my previous theme received plenty of it. People just thought it was too much, too sloppy, too busy, too colorful, too ugly, too lame, and you get the idea. For the record, I think the Unicorner theme is fun and awesome, looking great and visually appealing on my iMac. […] Continue reading »

Perishable Press 2012 Redesign

Welcome to the new site! So many changes I don’t even know where to begin.. I think for now the design is beta so I’ll hold off on a big lengthy explanation and just keep an eye on things for awhile.. I guess this post is a good place to mention anything weird or broken that’s happened after the new design went live.. Definitely more updates on the way :) Continue reading »

Digging Into WordPress 3.1 Update

Digging Into WordPress is now updated for WordPress 3.1. This is the book’s 8th major update, with new material for WordPress 3.1 and extensive revisions throughout. Without a doubt, Digging Into WordPress is more focused and current than ever before. Continue reading »

Welcome to the Old Site

After many weeks of hellish labor, Perishable Press is redesigned with some significant changes to the main structure of the site. Before the 2011 site renovation, the site operated from a subdirectory WordPress installation in the following location: Continue reading »

Site Redesign Pre-Launch

SO… Welcome to the new design! Well, sort of.. What you’re seeing now is the “Quantify Theme”, a new WordPress theme designed for the technical/web-design writer with an eye for detail. This theme serves as the starting point for the new Perishable Press redesign and site overhaul. I was going to keep everything private during development, but the strangest things can happen.. Continue reading »

Target iPhone and iPad with CSS3 Media Queries

When designing a website, it’s always a good idea to test on as many different platforms, devices, and browsers as possible. These days, pimping your websites for the iPhone and iPad is an important step in the design process. Especially on the iPad, sites tend to look about 20% cooler than on desktop browsers, so you definitely want to take the time to fine-tune the details. And when dealing with iDevices, it’s often necessary to deliver some custom CSS to […] Continue reading »

How to Micro-Optimize Your CSS

There are many ways to optimize your web pages. In addition to reducing HTTP requests and delivering compressed files, we can also minify code content. The easiest way to minify your CSS is to run it through an online code minifier, which automatically eliminates extraneous characters to reduce file size. Minification shrinks file size significantly, by as much as 30% or more (depending on input code). This size-reduction is the net result of numerous micro-optimization techniques applied to your stylesheet. […] Continue reading »

Wrapping Long URLs and Text with CSS

[ pre box with long URL extending beyond width ]

Quick tutorial post today. To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for <pre></pre> tags): pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ […] Continue reading »

« Newer Posts • 12345…12 • Previous Posts »