Mike Buttery
Designer · Father · Novice · Tumblr and Shopify Theme Author
Tutorials
  • Web Design
    Easier Tumblr Color Options With LESSTumblr 30 retina
    22 shares
    This really is the final video in what's been a massive series! In this lesson we'll see how LESS can improve our Tumblr theming workflow, specifically making color options more manageable.Read More…
  • Web Design
    Introducing the Tumblr Static File Uploader and Theme GardenTumblr 29 retina
    17 shares
    In this bonus episode of Tumblr Theming 101, we'll take a look at two things. Firstly, we'll look at the static file uploader provided by Tumblr, which helps you manage any theme assets you need to host on Tumblr's CDN. Secondly, we'll look at the Tumblr theme marketplace; Theme Garden.Read More…
  • Web Design
    Adding a Twitter Timeline to a Tumblr ThemeTumblr 28 retina
    23 shares
    Welcome to this, the first of three bonus videos in our series Tumblr Theming 101. During this lesson we'll look at incorporating a simplified Twitter timeline into our theme; a slightly more complex process since Twitter updated their API to v1.1.Read More…
  • Web Design
    Improving Our Tumblr Theme Navigation and Post NotesTumblr 27 retina
    17 shares
    We've reached the end of our Tumblr theming series! In this video we're going to add some styling to our post notes and the tag page. We'll also be adding some extra CSS which will make navigating the site a little easier.Read More…
  • Web Design
    Understanding Tumblr Variable TransformationsTumblr 26 retina
    18 shares
    In this video we're going to introduce a concept called Variable Transformation. This is something which Tumblr offers, allowing us to alter the data returned from any given variable. We'll be using Tumblr's {CustomCSS} variable to demonstrate how it works.Read More…
  • Web Design
    Tumblr Appearance Options: TextTumblr 25 retina
    16 shares
    As it happens, our Tumblr theme doesn't require any custom text. However, as we're using the Tumblr base, there are already some text options included in the theme, so it's well worth taking a look at. We're going to use a Google Analytics ID as an example of Text Options usage.Read More…
  • Web Design
    Tumblr Appearance Options: Select ElementsTumblr 24 retina
    4 shares
    It's time to add some more Appearance Options to our Tumblr theme. In this episode, we're going to add a select element, populated with a list of Google fonts, allowing users to choose which fonts are used in the theme.Read More…
  • Web Design
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    1 shares
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    Tumblr Appearance Options: ImagesTumblr 22 retina
    1 shares
    Moving on with our coverage of Tumblr's Appearance Options, we're now going add an option whereby users will be able to set a background image to the theme.Read More…
  • Web Design
    Tumblr Appearance Options: ColorTumblr 21 retina
    1 shares
    This is the first in a short collection of episodes, during which we'll gain an understanding of Tumblr's various Appearance Options. We'll be covering image options, boolean options, select, and text options. In this particular video, we'll look at color options, so let's get started.Read More…
  • Web Design
    Tumblr Theme Customization With Appearance OptionsTumblr 20 retina
    4 shares
    In this episode we're going to look at making customization of our theme easier, using Appearance Options. We'll look at the UI for each option, then how we define and reference them.Read More…
  • Web Design
    Reviewing and Merging Our Tumblr Theme's HTML and CSSTumblr 19 retina
    1 shares
    We've come a long way, having completed massive amounts of theme building; well done! Let's now review our markup and styling, so that we can combine the two and start adding options to our theme.Read More…