Author Archives: admin

Retro Design and Typography

Design inspiration

Here are some examples of some really nice retro design and typography, I found in an attic. They are all pretty random, they pre-date 1980 and some of them are really grungy but I think they are all really interesting and will hopefully give a bit of inspiration for anyone who’s doing any retro typography.

I really Like the “Grand Cut” tobacco tins as you can see some logo development over the years.

  • borwick
  • bread
  • grandcut
  • grandcut
  • italiano
  • nestles
  • terry-cantor
  • webley

Shopify Categories Within Collections

How to use Liquid to create product navigation in Shopify

collection-categoriesShopify doesn’t have categories so to speak, but it does have collections and tag and you can combine them to make powerful and intuitive product navigation.

<ul class="collections"> {% for collection in collections %}
{% if collection.handle != 'frontpage' %}
<li><h3><a href="{{ collection.url }}" title="{{ collection.title }}">{{ collection.title }}</a></h3>
<ul class="tags"> {% for tag in collection.all_tags %}
<li><a href="{{ collection.url }}/{{ tag | handleize }}" title="{{ tag | escape }}">{{ tag }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
{% endfor %}
</ul>

The above code will create a product navigation of all your collections and all the tags within the appropriate collection. The third line of code is use to exclude collection such as the frontpage collection which isn’t really appropriate in your product navigation.

The Ultimate WordPress Theme Test Plugin

Focus in on your typography with this simple WordPress plugin

Download it!

WordPress Typography Test

wpdc_typog_tester.zip

About a week ago I came across two great articles on the Themeshaper website, The Ultimate WordPress Theme Test and Hide all your links.  If you develop WordPress themes or do any web design I suggest you read them. I just loved the idea of getting rid of everything from your theme so you can concentrate on what is important; the content. And as the the content of most blogs is primarily delivered in text, good typography is at the heart of every good blog and every great theme. You can simply add a bit of css to your style sheet when developing your theme as suggested in the articles or you can use this plugin to add and remove the css dynamically.

The wpdc Typography Tester plugin simply add 2 buttons to the bottom of your page (when an administrator is logged in). Simply click the first button to hide everything in your theme except the main content. Click the next button to put all the other stuff back.

Download: wpdc Typography Tester

Installation instructions:

  1. Download and extract the plugin
  2. Upload the wpdc_typog_tester folder to your plugins directory eg. /wp-content/plugins
  3. Activate the plugin in the plugins section of you admin page
  4. When you visit your blog as and admin you’ll have two buttons at the bottom of your browser window which will turn the typography tester on and off.