Made in PGH &rquo; Established 2009

Big Cartel Review.

The United Pixelworkers t-shirt emporium is now live, and, with that, I’d like to take a minute to vent discuss rationally our shopping platform of choice, Big Cartel, a hosted, pay-by-the-month shopping cart system built by Indie Labs and which, according to their slogan, is “easy to use, customizable, and awesome.” We’ll see.

The Good.

It’s no accident tasteful designers like Dan Cederholm and Matthew Smith chose Big Cartel when they decided they were ready to unleash their t-shirts and posters on the world. The good stuff is very good. A quick line-item recap:

Beautiful control panel.

The control panel is a work of art. Nearly everything is logical, fast, and beautiful. Many areas were enhanced with Javascript to avoid page refreshes and make tasks like re-arranging products simple. The control panel is hands-down the best part of the Big Cartel experience.

Reasonable price.

If you’re anything like us, you’re not looking to quit your day job to sell t-shirts, which is why $9.99 / month is a big win. Sure, we could develop our own system or use something free off the shelf, but most of our time is spent working on other people’s stuff not our own, remember?

We also could have paid a flat rate for something self-hosted that is a bit snazzier and more fully-featured. To be honest, that’s tempting, and it may be something we explore in the future. For now, though, the monthly fee is less upfront investment. Who knows where we’ll be in a year anyway.

Helpful support staff.

The questions I had about the templating system were answered quickly and professionally. Across the six questions I emailed to the support staff, the average response time was 27 minutes, the shortest was eight and the longest 49. That’s excellent.

The templating language.

The HTML-like templating language handled the core tasks well. I had no problem getting the majority of the site up and running. As long as you stick to something that looks and feels similar to Big Cartel’s bundled themes, you should be in good shape. As soon as you go off the beaten path, however, you’re going to run into trouble. The templating language does allow for several dynamic features, just don’t plan on building your own CMS from scratch. That said, a little PHP support would have gone a long way.

Mostly good documentation.

The documentation was almost great. The first 90 percent was everything I needed it to be. Once I started digging into the filters and parameters, however, I found that not every element was completely and thoroughly documented. There’s room for improvement, but overall, if all the documentation I had to work with was this complete and well-considered, I would be a happy developer.

Easy setup.

The process of getting up and running with the default skin was as painless as anything possibly could be. That’s the biggest upside to a hosted service, of course. Pick a plan, answer a few questions, enter your credit information, then start adding products. Jay could probably have even done it himself.

Custom URL.

Speaking of using a hosted service, a custom URL is a must. (Preferably something easy and memorable, like, oh, unitedpixelworkers.com.) Thankfully, Big Cartel knows this and provides easy-to-follow instructions for re-directing your existing domain name. For bonus points, I would have liked to have seen similar instructions for re-directing the bare domain (without the www). Most people won’t have any trouble, but for those who do it would have been nice.

The Bad.

I hate to harsh on Big Cartel, but there are a few enhancements that would go a long way toward making the system as powerful as we would have liked it to be.

No custom fields.

Ouch. The default product fields cover the essentials: title, description, price, images, etc. What if you have multiple descriptions depending on where the product is being viewed (home page v. product page) like we did? Too bad. We had to scale the design back in places, and in others, we’re entering things by hand in the templates and using assigned variables and conditionals to determine what should appear.

If you’re familiar with Wordpress development, you know the pain caused by the minimal custom field architecture it has compared to a real CMS. Working with Big Cartel is like that, except worse. I’m sure they have legitimate technical reasons for not allowing custom fields, but I hope that’s something they plan to add in the future.

No server language.

While we’re on the subject of programming pain points, I have to point out that your options for dynamic content are their custom templating language or … well, that’s it.

If the templating language was more robust, we could have probably lived without PHP (for example). Unfortunately, this is where the inflexibility of using a hosted service really bites you. The built-in contact form was alright, but we would have liked to remove the captcha and the subject field. That’s just not possible with the current system. The fallback plan was to write our own form, but that would have meant processing it on our servers. In the end, since the site is aimed at people who live and breathe the Internet, we decided an email link would suffice. There were several other instances, however, in which using a real language and not a templating language would have made our lives significantly easier.

All that said, I suspect the vast majority of Big Cartel’s customers have no need for scripting support. It probably wouldn’t make sense (financially) to spend the time building it in. Those of us who do need it, however, would certainly appreciate it.

Minor gripes.

Custom fields and a real scripting language were the big hurdles, but there were a few niggles that made my life more difficult than I prefer.

Big Cartel uses Prototype to process their forms and add basic functionality if you choose to use their templates. That’s a problem for two reasons. First, I’m a jQuery man myself, and that means I either need to trip my way through Prototype or include another library. I chose to include jQuery.1 Second, including jQuery introduced an obscure Prototype + jQuery + Opera bug that took a long time to track down.2

The only way to edit the templates is in the browser. That means you can’t download the templates, edit in your text editor of choice, and upload to an FTP location somewhere on Big Cartel’s servers. It’s inconvenient for sure. They try to make your life easier with a full-screen editor and by automatically closing tags (which is more annoying than helpful), but it’s a poor substitute. Perhaps as projects like Bespin advance the in-browser editing experience will be less painful. Relatedly, all custom assets must be loaded onto a separate server that you control. Every CSS, Javascript, and image file we use is being served from somewhere else. It’s not a problem for us, but it certainly seems like something Big Cartel can and should offer, perhaps for a fee.3

Last, and definitely least, once a product has been created, there’s no way to change the URL. Actually, there’s no way to affect the URL at all, so choose your product names carefully.

Conclusion.

Look, we know nobody does TL;DR as well as we do. (Wait, I meant to say, we know all of our posts are way too long.) So here’s the skinny:

Big Cartel is, like they claim, easy to use, customizable4, and awesome. We’re very happy. If you want to build a custom store to sell your stuff in one week, you can’t go wrong.

  1. I know, I know. I’m killing the page load time. []
  2. For those interested, it had to do with the scrolling navigation and calculating height. The first fix I found ended up breaking things on iPhone OS devices. Here’s the winning jQuery patch. []
  3. Also of technical note, in order to get some details just the way we wanted them, we had to grab the Big Cartel store Javascript file as well as the FancyZoom script, tweak them, and call them on our server rather than from their default location. We think the bandwidth will be offset by the improved experience. []
  4. Look, we have to dock their score slightly on customizable. Sure, if you just want to tweak the CSS or make minor, cosmetic changes to the default theme, it’s customizable. If wholescale, skeletal changes are your thing, you might want to at least look around at other systems. That said, check out our store. We think it shows how far Big Cartel can stretch. []

Here Be Comments

  • Hi, thanks for sharing your experience.
    The lack of custom fields for this kind of content (with important care for product details) is really strange you’re right.
    I wish you the best for this new store :)

  • Hi Nate,

    I’m Matt, one of the founders of Indie Labs / Big Cartel. Great article, I’m really happy to see the good things you listed about your experience, but let me address a few of the issues you present:

    * Custom fields – as you allude to, Big Cartel was not designed to be a general CMS, it was designed to be the easiest way for artists to setup a simple store to sell their stuff online. So anything beyond the basics that 99% of stores want (name, price, etc.) we’ve just tried to make it possible for that 1% to accomplish what they want (though it may sometimes require hacks), but leaving the additional UI overhead out of the app for everyone else.

    * Server language / scripting – for obvious security reasons, hosted services don’t want you running raw server code on their site. Big Cartel is built using Ruby, so the scripts wouldn’t be PHP anyway, but we’ve tried to make our theme engine flexible enough to account for as much tweaking as possible. Typically if people want to really get down into the server code themselves, they build their own cart from scratch on their own server. Also, regarding your contact form issue, some stores will replace their contact form completely with a 3rd-party service such as Wufoo. Were there any other specific issues you ran into with the theme API?

    * Prototype – our default themes are using Prototype, but you’re not required to leave that in your store at all. We have a lot of stores running purely on jQuery, MooTools, etc. Also, jQuery has their noConflict mode which should solve any basic battles over the $ method with Prototype: http://api.jquery.com/jQuery.noConflict/

    * Theme editing – you can definitely develop your themes offline, that’s what we do. You can download the theme code on the Design > Themes section, open it in your favorite editor, and then when you’re done, copy and paste it into the necessary pages on the Design > Pages section of your admin area. This also allows you to keep your custom code under some sort of version control like SVN or Git.

    * Product URLs – the reason we keep your product permalink the same even after its name changes is to prevent broken links from external sites. Adding the ability to change a product’s permalink is something we’re considering, but for right now just deleting the old product and adding it again using the new name seems to work ok for most people concerned about maintaining the right URL.

    Thanks again for your great post, and if you have anything else we can answer or clarify for you, please don’t hesitate to contact us at: http://bigcartel.com/contact

    Matt

  • Matt,

    Thanks for the thorough response. I can’t disagree with anything you’ve written.

    As far as replacing the contact form or ditching Prototype completely, you’re absolutely right. We wanted to re-use as much of Big Cartel’s native functionality as we could. Why reinvent the wheel, right? Just a bit more flexibility with the contact form or using jQuery instead would have given us the best of both worlds. That said, we completely understand why things are the way they are.

    We also agree that developing offline to use version control and a good text editor is possible as long as we copy and paste when we’re done. In fact, that’s what we did. Still, it’s less convenient than FTP or SVN.

    Despite the few issues we ran into, we love the service and admire the decisions you’ve made in targeting a specific audience. We plan to continue using (and enjoying) Big Cartel for the foreseeable future.

  • Great review. I love the even-handed tone and level of detail. If this is TL;DR — more, please.

    “We also could have paid a flat rate for something self-hosted that is a bit snazzier and more fully-featured”. Did you have a specific product in mind that you passed up for now?

    I’ve used Shopify for three clients now and I’ve been very happy with it overall. Certainly not without it’s difficulties as well, but it does have template upload and custom fields (of a sort; this feature’s still pretty raw).

    Interestingly, it appears that both Shopify and Big Cartel use Liquid for their templating, and so far I’ve found very little that’s actually impossible to do with Liquid, although some of the workarounds can get a bit silly. Luckily Shopify’s public forum is active and they have some really helpful staff who spend a lot of time on it. And presumably they gets every tasty new Liquid feature instantly because they invented the language.

    That said, Shopify costs quite a bit more: Their entry-level plan is more expensive than Big Cartel’s “Diamond” plan, and Shopify takes a transaction fee for all but the highest-end monthly plans (at least that’s how their off-the-shelf pricing is structured). I’ll be sure to keep Big Cartel in mind now for customers with tighter budgets.

    Anyway if you guys go down the self-hosted path in the future I’d love to read a retrospective like this once you’ve got a site knocked out.

  • Thanks, Ben. We looked at a few ExpressionEngine cart add-ons (like Cartthrob), but we wanted EE 2 compatibility, which hasn’t happened yet.

    I’ve heard good things about Shopify as well, and thanks for the Liquid heads-up. I’ll be sure to bookmark that.

  • Great review and excellent work on the United Pixelworkers site.

    I too would enjoy seeing custom fields become a reality with Big Cartel. I’d be interested to hear how you overcame this limitation with the use of assigned variables, conditionals, etc.

  • Blaine, the short and unsatisfactory answer is that I have a nasty case statement that gets updated in the template per product. Here’s a truncated version:

    {% case product.name %}

    {% when ‘Local Series #1: Pittsburgh’ %}
    {% assign intro = ‘Pittsburgh used to crank out steel like nobody’s business. Represent the Local 412 and crank out some pixels.’ %}
    {% assign description = ‘Yellow and light gray ink on asphalt American Apparel tee.’ %}

    {% endcase %}

    Hope that helps.

Made in PGH ! Established 2009

Notes on Playing (and Beating) The Incident.

Mad props to Neven and Matt (and Cabel) for pulling off a fun, good-looking game. While The Incident lacks the replayability of games like Canabalt, Flight Control, Words With Friends, etc., it’s hard to find fault at $1.99. Two bucks is the perfect price point for something that must have taken insane amounts of time to design but ultimately adds up to only a few hours of entertainment per player. If you have an iPhone (or iPad), go get The Incident. It’s the kind of application that makes these platforms worth owning.

Tips & Tricks.

I’m the type of person who avoids reading reviews about movies and games lest they spoil my experience. But that’s me. Maybe you need a little help. Here’s what to do if you’re having trouble:

  • Get stuck on purpose. As long as you’re stuck, you can’t get hit from above. Wait until a black balloon arrives, then shake to free yourself. You’ll make up all the ground that you were losing while you were stuck. Jump lightly a few times to convince the game you can’t get out.
  • Keep stuff above you. A corollary to getting stuck on purpose, find a crack and duck underneath. Stuff falling from above you is, naturally, the most dangerous part of the game.
  • Options are key. If you are out and about, don’t get trapped in a canyon. Try to stay on top of things so you can always move quickly left or right.
  • Snag those power-ups. There are a crazy amount of extra lives and power-ups in this game. Make things easy on yourself and grab as many as you can. Those extra lives will come in handy.
  • Get the helmet, but don’t use it. The helmet keeps you safe, but it destroys anything that falls on your head. You’ll need that stuff to get to the top, so try to avoid getting hit.

Modest Proposals.

A few minor tweaks that would make the game more challenging and user-friendly.

  • Multiple simultaneous games. We’ve got at least two regular iPad users and several more guest users. The ability to have more than one game saved would be a boon.
  • Saving progress mid-level. It seems odd that exiting to the main menu would reset your level progress, but that’s the way it is. Maybe just needs clarification.
  • Difficulty meter. As is, The Incident is essentially a casual game for casual players. An easy way to amp up the difficulty would be removing or thinning the available power-ups. Another would be to increase the penalty for getting trapped. Make it tougher to use that protective bubble or impossible to avoid balloons while in it. Bottom line: The Incident is currently stuck on easy. Let’s see options for difficult and hard-core. It wouldn’t be difficult to add that setting to the menu and dial a few game properties up or down.

Last, kudos to these guys for creating a game that takes advantage of the iPhone’s native functionality rather than attempting to port a traditional style of gameplay. Shaking, tilting, and indiscriminate tapping are winning moves. The Incident might not have perfected iOS gaming, but it’s a shining example of how to do it right.

Gmail Fail.

Can you tell the tasks box is open? Can you explain why this menu is comprised of two sections (mail and contacts) that open new primary interface views and one toggle (tasks) that pops open a small box in the bottom, right-hand corner? Neither can I.

Greatest World Cup Goals.

The football1 bandwagon is filling up, and we didn’t want to be left off. Sure, we’ll all go back to ignoring it after the World Cup ends, but for now, enjoy it in the way we Yanks know best: video highlights.

The following videos show the best goals in World Cup history as determined by the authors of The ESPN World Cup Companion.

1970, Jairzinho.

In 1966, England won their only World Cup. In 1970, Brazil would win yet another of its record five. They met in group play, with Brazil winning on the only goal of the game, Jairzinho from Pelé.

1978, Arie Haan.

A stunning long-range goal by Aarie Haan to vault Holland over Italy 2-1 in the second round.

1978, Archie Gemmill.

Nobody loves the underdog like we do. While it was ultimately not enough to push Scotland through to the next round, this goal against Holland was both a beautiful effort and provided just enough hope to make the loss painful.

1986, Diego Maradona

Labeled by some as the goal of the century, Diego Maradona single-handedly eviscerated the English defense. If we can’t be successful on the international football stage, we can at least take pleasure in watching our old frenemies go down in a sea of masochistic self-loathing. Final score Argentina 2, England 0.

Bonus: video of Maradona’s earlier “Hand of God” goal to make it 1-0 and Saturday’s “Hand of Clod” goal as England underachieves in drawing the U.S. 1-1.

1986, Manuel Negrete.

A lot of football confuses or bores us unenlightened fans. What’s so special about kicking the ball around the middle of the field? But a goal like Manuel Negrete scored immediately catches our attention. Anyone who has ever kicked a ball knows the high degree of difficulty in volleying it out of mid-air, magnify that by launching yourself in the air as well and suddenly we get it. Great goal.

1990, Roberto Baggio

The common denominator in hockey, basketball, and American football (among other sports) is the one-man, laser-focused, take-the-ball-to-the-hole play. We can’t get enough. So when it happens in the World Cup, of course we’re going to perk up. Here’s Roberto Baggio for Italy in 1990 against Czechoslovakia.

1998, Michael Owen.

Another thrillingingly selfish play with a double helping of schadenfreude for the U.S. as Michael Owens’ 1998 goal against Argentina wasn’t enough to help England move on.

1998, Dennis Bergkamp.

There is nothing that we can get behind more than the buzzer-beater. Witness: 1998, Holland v. Argentina, Quarterfinals, Dennis Bergkamp, 89th minute, 2-1 Holland.

There’s Bergkamp!

2002, Salif Diao

Pretty play by Senegal in 2002 to stun a pedigreed Dutch team Denmark. Appeals to our X’s-and-O’s. Allow me to quote the book: “It was the kind of play that coaches diagram in their dreams, a marvel of angles, spaces, and speed.” Watch:

2006, Esteban Cambiasso.

Magnificent ball control. Elegant goal. Football at its best, and something to which we true sports fans can hitch our wagons. Esteban Cambiasso of Argentina contributes to the 2-0 victory over Serbia and Montenegro in the first round of 2006.

That’s it. There are doubtless hundreds of highlight-reel goals to watch and perhaps even higher quality versions of these. Let us know in the comments. Hopefully this is enough to whet your football appetites.

  1. “soccer” []

What Hath Apple Wrought.

In a smart article about Apple’s design and business philosophy, Mike Davidson pauses to discuss the frustration we all feel regarding the intersection of what we want when we visit a site (to find information and leave) and what the site owners want for us (to make them money).

Today, the cellphone and seemingly burgeoning tablet industry are more concerned with jockeying for position than profiting, ergo little to no intrusive advertising. That’s nice while it lasts, but it won’t be long.

The big question is, how will mobile sites make money going forward? There is no doubt that the mobile Internet will soon have more attention share than the sitting-at-a-desk Internet. Hopefully tasteful advertising fends off the desktop status quo, but I’m not optimistic.

Better CSS Page Layout.

This box model is a very easy and simple way to solve some usual problems in web design (form layout, page footers, vertical centering, disassociation of visual flow from HTML flow, etc.). I strongly suggest you become familiar with it because it could become a standard tool for web designers in the near future (if Microsoft decides to include it in IE, it could become so very fast).

— Mozilla Hacks, “The CSS 3 Flexible Box Model.”

I can’t wait until this is widely supported. Now that IE6 is dead (what, you’re still torturing yourself?), the current float / box model is the biggest hurdle to useful layouts.

An Exciting Time.

Mobile and tablet computing are immature and unstable. Major revolutions still occur frequently. We still haven’t figured out how this stuff all works or what we can do with it. Mobile computing just started. Mobile computing is, today, where portable computing was in 1983.

— Marco Arment, “New MacBook Pr—OH LOOK, AN IPAD!

I am, without exaggeration, as excited about the iPad’s potential to change how we interact with computers as I was about the Wii’s potential to change how we interact with video games.