How I Use Linked Smart Objects in Photoshop

When Adobe introduced Linked Smart Objects in Photoshop it had an immediate impact on my design processby allowing me to save various reusable components in a separate file and place a linked instance of those components wherever they were needed. It sounds convoluted, but let me use an example to put it in context.

Let’s say I’m designing a site and use a separate PSD for each page: Home, About, and Contact. In my example, I want the same header and footer to appear on every page. That’s what I’m calling reusable components. Before Linked Smart Objects, I’d probably design the header on the Home page and drag it to every additional page. If the header needed an update, I would have to make those changes on a single page and drag the new copy to the other pages. Pretty tedious stuff.

With Linked Smart Objects, I save my reusable components (in this case, the header and footer) as their own files. Then I place a linked instance of the component on every page. If I need to revise something now, I just open the original component file, make my updates, and when I save, every linked instance of that component gets updated.

Here’s a quick intro:

By the way, if you like the template design in the video, it’s available as a WordPress theme at Creative Market.

Speed Up Your Genesis Theme by Reducing Database Queries

WordPress ships with a bunch of nifty methods to improve performance and knowing when to use one of them could cut the number of database queries on your site by over 60%.

Post Thumbnail Caching

It has to do with the way post thumbnails are displayed in a loop.

By default, whenever get_the_post_thumbnail() is called in the main loop for the first time, WordPress looks up data for all thumbnails that are likely to appear and caches them. Otherwise, the thumbnail data for each post needs to be fetched on each iteration of the loop at a cost of two additional queries per thumbnail: One for the attachment and one for the attachment’s meta data.

So what exactly is the method? It’s a simple function, aptly named update_post_thumbnail_cache().

2013 Recap: Another Year of Building Sites with WordPress

When people ask how business is going, I think about how my dad — an elevator man — responds to the same question: “sometimes it’s up, sometimes it’s down.” It’s a lighthearted response, but a realistic perspective in running a business. If the ups outweigh the downs, something must be going right.

2013 Highlights

Batman News

review-batman-news

Batman News kicked the year off in style for us and still remains one of my favorite projects. There will be a few additions to the site in the near future, so keep a look out for those.

Happy Release Day, Drew Kennedy

Two years ago our buddy, singer-songwriter Drew Kennedy, asked us to design his new site. He had a new album and companion novel on the horizon and wanted a web presence to match. It was one of the first responsive sites we designed and helped us formulate techniques and processes we still use.

Fast forward to early summer this year. With a new album, we had another opportunity to work with Drew on his site. Still happy with the site we had built, we decided a small refresh to match the album’s artwork was all that was needed. Below is the before and after.

dkmusic-before

dkmusic-after

Today, he released his sixth and best album to date, Wide Listener. Stream the opening track below and check the rest out on iTunes.

Work Before Inspiration

In his essay “Paint and Blood,” songwriter Tom Russell writes, “Picasso said the muses will descend, but they must find you working.”

Work before inspiration. In that order, we can create our own muse.

Enter process. Process is the means by which scary ideas lose their intimidation. Process is about dividing a project into manageable chunks. “If the process is sound,” says writer and editor William Zinsser, “the product will take care of itself.”

Every project is different, but it has to have a tangible starting place. Sometimes that’s a sketch on paper, sometimes the exploration begins on the computer. The point is to get started. The water may be cold, but acclimation comes through assimilation. We like to dive in.

Through the process of work and elimination a form takes shape and along the way something happens; call it a spark. That’s the inspiration or the muse and because we will have put in the work we’ll know what to do when it strikes. Work before inspiration.

More times than not, the end result is vastly different than the original idea. But the product is also better and the path to that end is work. So yeah, we’re big on work.

This is the first in a series of brief posts we plan to publish about some of the things we believe. The intent is to eventually use these as a manifesto of sorts.

Protect Your Products and Improve Your Systems with Signed URLs

A lot of time is spent thinking about security and hardening sites against various attack vectors, sometimes at great expense. That being said, one of your most important assets could be vulnerable: Your downloadable products.

Fortunately, there is a better way to protect them using a method that goes by a few monikers, but we’ll call it URL Signing.

From the Beginning

So how exactly can URLs be handed out, while limiting access, even if it’s shared without permission, especially in a public location such as a forum or a blog?

Introducing AudioTheme

AudioTheme Homepage

A few years ago, we published a popular country music blog* and part of our duties required visiting band websites every day — back when MySpace was big and the primary online presence for many bands (we have the benefit of hindsight to see how that went). Helping artists with their websites was an idea we put a lot of thought toward at the time and eventually dismissed as too much work. One problem is their needs often far outweigh their budgets.

Not much has really changed over the intervening years. Artists still have to sign up for dozens of different services to stay connected with their fans and their sites are woefully sub par. We’re hoping to change that.

About a year ago, Luke McDonald and I started working on a simple little plugin to easily add post formats to the admin menu in WordPress. From that project, he introduced us to a couple of other designers (Erik Ford and Sawyer Hollenshead) he was working with on a project called AudioTheme. I didn’t realize it at the time, but I had read about AudioTheme on WP Candy back around the time we formulated our own ideas for a platform and figured we had been beaten to the punch. So when Luke asked us to join, it was a fairly easy decision.

All that’s to say, we’re excited to finally unveil AudioTheme — a platform built on WordPress to bring the features artists and bands need to manage their online presence to them, instead of having to go to the features across dozens of fragmented services. Fans should be able to go to a band’s website and find high quality artwork, lyrics to the songs they’ve written, and listen to their music. And it should be easy for artists to manage their content — on their own websites.

There certainly isn’t a reason bands shouldn’t own their data in this day and age.

With AudioTheme, we’ve built a framework to allow for all of that and more. In addition, we’re launching a marketplace of themes that are geared specifically towards musicians, all built on the same platform, making the data portable. Switching a theme no longer means existing plugins need to be re-integrated; it’s as easy as switching the theme for a basic blog.

Simple to use, own your data, low cost, and attractive — in a way, AudioTheme aims to be WordPress for music makers.

By extending WordPress, we hope to enable thousands of designers and developers to leverage their existing skills without having to learn a totally new platform and plan to refine the tools and processes over time to make it ever easier to build complex music-oriented websites. If you’re interested in joining our marketplace, get in touch. We’d love to hear from you.

Visit AudioTheme.com Now

*We have to give a shout out to Juli Thanki for taking up the mantle and providing a truly excellent resource for roots music fans at Engine 145.

New Work: Batman News

Devices - Batman News

After weeks, and sometimes months, of redesigning a website it’s always exciting to launch and watch the reaction of the audience. As exciting as the reaction is, that’s not what drives a redesign; we’re all about finding and providing solutions that address client goals. If we address those goals, then the positive reactions are all icing, which is the case with our latest project: Batman News, the most popular Batman site on the web.

Quick Tip: Adjusting Margins for Text Columns In Photoshop

When working with columns of text across various layers in Photoshop it can become tedious adjusting each layer to create margins and gutters.

For example, let’s say you have three columns of text contained inside a box and aligned to a grid (I’m using a popular 960 grid system in my examples). Unless gutters are predefined, columns are going to butt up against each other. In some instances, even if gutters are predefined, there won’t be adequate spacing depending on the typeface and size being used.

margins-0pt

Wrapping Up 2012

Happy 2013, folks! With a new year comes new plans and new goals, but we’re not quite done with 2012 — not without mentioning a couple of clients and projects that kept us busy ’til the drop of the ball.

Morton Golf

We began work with Morton Golf in August to redesign several sites for a family of golf properties in Sacramento, CA: Haggin Oaks, Bing Maloney, Bartley Cavanaugh, William Land. Our primary goals in the redesign included: migrate to WordPress to allow for easier management, improve integration of social media and various third-party resources, and simplify the navigation and site architecture. Whew.