I Already Don't
Like You.

the tumblr of an art director trying to be too clever with his blog title.
He regrets nothing

#themes

Another teaser preview for my upcoming debut Tumblr Theme release.

I’m very close to finishing the design of the index page, I just gotta figure out how to incorporate static page navigation, and footer content. I want to keep it minimal as possible, so I’m considering putting the 2 together. Maybe.

Also I plan on having a unique way of designing the post pages, so I’m not rehashing the same layout from the index page design. At least not straight on. I’ll see what makes sense.

Anyway, just wanted to keep you guys informed of the situation. Does anyone have interest in purchasing this theme? Keep in mind I’ll be using a pay-what-you-want system, so it will be potentially free.

Choices.
Can’t decide between grey outlines and yellow outlines for this chat post type design for my WIP Tumblr theme. On the one hand, grey is more subtle and lighter, but introduces a tertiary color that I don’t plan on users changing the color of when I set up color change controls for the theme. Then there’s the yellow, just the right amount of yellow, but maybe too obtrusive, but also fits into the the color scheme so if a user changes their primary color from yellow, to let’s say, purple, it’ll change right along with it.
I guess my main issue comes down to how many options/control I want to give the Tumblr user, vs maintaining the initial quality/spirit of the design. It’s a balancing act I guess.
This all reminds me of a great article by Alex Limi about the UX of Firefox called “Checkboxes that kill your product”. Really good read.
Anyway, thoughts?

Choices.

Can’t decide between grey outlines and yellow outlines for this chat post type design for my WIP Tumblr theme. On the one hand, grey is more subtle and lighter, but introduces a tertiary color that I don’t plan on users changing the color of when I set up color change controls for the theme. Then there’s the yellow, just the right amount of yellow, but maybe too obtrusive, but also fits into the the color scheme so if a user changes their primary color from yellow, to let’s say, purple, it’ll change right along with it.

I guess my main issue comes down to how many options/control I want to give the Tumblr user, vs maintaining the initial quality/spirit of the design. It’s a balancing act I guess.

This all reminds me of a great article by Alex Limi about the UX of Firefox called “Checkboxes that kill your product”. Really good read.

Anyway, thoughts?

Build Themes: Tumblr releases post like and reblog buttons for Tumblr themes

buildthemes.tumblr.com

buildthemes:

image

Tumblr have announced new reblog and like buttons using the variables {LikeButton} and {ReblogButton}. Sample code can be viewed from the updated theme documentation.

“Now Tumblr users can interact with a post right from your theme,” said Tumblr staff in an email to theme developers….

Whoa. This is a big deal. Nice.

Responsive Tumblr photosets with jQuery Photoset Grid

buildthemes:

image

jQuery Photoset Grid makes Tumblr photosets resizeable (no more chopped off photosets), breaking the constraints of Tumblr’s own photoset script which can only be set to widths of 250px, 400px, 500px or 700px .

This plugin was originally used internally in Style Hatch’s premium Tumblr themes, but has now being released for free use by the folks at Style Hatch.

Using Photoset Grid: the Basics

HTML

The HTML is based on the photoset block, remember to include photosets within the posts block:

{block:Photoset}
  <div class="photoset" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
    {block:Photos}
      <img src="{PhotoURL-500}" />
	{/block:Photos}

  {block:Caption}
	{Caption}
  {/block:Caption}
{/block:Photoset}

Be sure to reference the jQuery library and Photoset Grid plugin in your HTML:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/jgemkyt9x/jquery.photoset-grid.min.js"></script>

jQuery

At the most basic level, the jQuery plugin simply has to be called like so:

<script>
$('.photoset').photosetGrid();
</script>

By default, the plugin generates a responsive grid without space (gutter) between images.

Be sure to check out the theme documentation to further customize your photoset with options, a lightbox plugin, plus HTML for a Tumblr photoset that links each image.

Download the plugin at Github

Read complete documentation

Very helpful.

Essential: No-frills base code for Tumblr themes

buildthemes:

image

As part of our code series, we’re releasing a new “Essential” boilerplate/base code for Tumblr theme development.

Essential is a no-frills base code intended as a reusable theme to create full-featured themes from.

It contains the HTML required to render a simple Tumblr theme without any styling (CSS) or code (however, the jQuery library and the Google Analytics script is linked).

As usual, no credit is required for our boilerplates - however, it is appreciated.

Download base code

Demo base code

Note: we’ve also made base codes which include jQuery code (infinite scroll + grid), CSS and HTML together - head over to our extra code series page.

This is a great resource. If you want to build on top of that even more, I would recommend Frozemind’s "Tumblr HTML5 Boilerplate-Microformats". the code has useful snippets of Open Graph code for Facebook optimization for each post type as well as other really cool metadata. I use it in my theme design as well. 

Making modern sharing buttons for Tumblr themes

Very useful indeed. Dropping knowledge on you fellow Tumblr theme customizers. The most useful part of this tutorial is the markup on how to create the urls for sharing your post pages to each of the respective social networks, Tumblr, Facebook, Twitter, Google+.

buildthemes:

In this tutorial we are going to make a set of modern buttons to share posts on popular social networks including:

  • Facebook
  • Twitter
  • Google+
  • Tumblr (we can’t make a social network list without Tumblr and its reblog function)

We’ll build these buttons with HTML and CSS for use in your Tumblr theme.

Read More
profile photo of Alex Pierce

I'm a designer/art director/geek that likes to make things on (and off) the internet. I'm black, live in the DFW metroplex, work at an ad agency, and drink alone in the dark on week nights. While being black, I write this blog as a creative outlet.

My work has been featured multiple times by Tumblr, published in NET Magazine, Communication Arts, Adweek, The Webbys, HOW Design, W3 Awards, Web Designer Magazine, Under Consideration, Awwwards, Web Design Ledger, Web Designer Depot, Designworklife, Speckyboy, my mom's Facebook Timeline, and a variety of other publications.

I am currently unmarried, live alone, have no pets, and believe in the Oxford comma. I like eating tacos as well. Pants optional.