Mike Buttery
Designer · Father · Novice · Tumblr and Shopify Theme Author
Tutorials
  • Web Design
    Adding Media Queries to Our Tumblr ThemeTumblr 18 retina
    11 shares
    In this video, we'll be rounding off our responsive CSS by adding some Media Queries. We'll be talking about defensive coding, being sure that we make allowances for various usage scenarios, such as unusually long blog titles.Read More…
  • Web Design
    Adding Localization to Tumblr ThemesTumblr 17 retina
    5 shares
    In this episode of Tumblr Theming 101 we'll complete the CSS for our video post type, which will involve using some principles from Fitvids.js. We'll also look at adding localized theme strings, for multilingual support.Read More…
  • Web Design
    Completing the Tumblr Post Type CSSTumblr 16 retina
    6 shares
    In this episode we'll complete the CSS for our Tumblr Post Types. We'll also be talking a little about escaped entities within CSS, such as arrows and bullets. Grab a brew, it's a long one.Read More…
  • Web Design
    Continuing With Our Tumblr Theme's CSSTumblr 15 retina
    10 shares
    In this part of our Tumblr theming series, we're going to continue with our theme's CSS. We'll be working directly on the live site, as a number of elements won't show up otherwise. Let's dig in!Read More…
  • Web Design
    Quick Tip: How to Disable Tumblr's Default Mobile ThemeTumblr 14 retina
    13 shares
    Tumblr blogs automatically use a default mobile layout for smaller screens. In this video we're going to look at disabling this default mobile layout, so that we can fully engage our own responsive theme.Read More…
  • Web Design
    Styling Our Tumblr ThemeTumblr 13 retina
    12 shares
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    Creating the Tumblr Post Footer and Notes Tumblr 12 retina
    28 shares
    Let's kick off this tutorial by reviewing the Tumblr theme markup we've built already. Once that's done, we can continue by sorting out the footer and "Post Notes".Read More…
  • Web Design
    Tumblr Link Post Types and PaginationTumblr 31 retina
    6 shares
    Let's now take a look at the markup for our Tumblr "link" post type. With that done, we'll also cover pagination.Read More…
  • Web Design
    Tumblr's Audio and Video Post TypesTumblr 11 retina
    18 shares
    We're making great progress with our custom Tumblr theme! In this video we're going to continue building our markup, turning our attention to the audio and video post types.Read More…
  • Web Design
    Tumblr's Quote and Chat Post TypesTumblr 10 retina
    10 shares
    In this tutorial we're going to continue developing our Tumblr theme, specifically concentrating on the quote and chat post types.Read More…
  • Web Design
    Introducing Markup for Tumblr's Photo Post TypeTumblr 9 retina
    3 shares
    Individual post types play an important part of any Tumblr theme. In this tutorial we'll take a look at the markup and blocks which we'll need for setting up our own "photo" post type.Read More…
  • Web Design
    Starting Our Tumblr Theme's Post Markup Tumblr 8 retina
    8 shares
    In this video tutorial we're going to begin the main area of our Tumblr theme's page. In fact, we'll be using the <main> element to do so, but as mentioned in previous videos, you're welcome to use whatever specific markup you feel is most appropriate.Read More…