The Web Designer’s Guide to Tumblr
Early this year .net magazine asked me to write a feature article for their April publication as an introduction and guide to Tumblr for web designers who aren’t familiar with Tumblr.  The 3,700 word article covers my personal experience with Tumblr, the community, going mobile, and themes.  If you’re already using Tumblr chances are nothing will be new to you, but if you do read it send me a reply on Twitter and let me know what you think - @newezra

The Web Designer’s Guide to Tumblr

Early this year .net magazine asked me to write a feature article for their April publication as an introduction and guide to Tumblr for web designers who aren’t familiar with Tumblr.  The 3,700 word article covers my personal experience with Tumblr, the community, going mobile, and themes.  If you’re already using Tumblr chances are nothing will be new to you, but if you do read it send me a reply on Twitter and let me know what you think - @newezra

Ascender
Yesterday the latest Style Hatch theme, Ascender, went live on the Tumblr premium themes garden.  Ascender is an evolution of the popular Transcender theme with a grid layout, better styling for the built in light and dark modes and full Typekit support.
The first update for the theme is already in production which will include infinite scrolling, better iPhone/iPad support so that you can disable the default Tumblr iPhone theme, and a few other surprises.  All the theme updates are free and automatic, and they come with Zappos-like (or Nordstroms if you prefer) customer support.  Email - ascender@stylehatch.co
Check out the demo sites - Light version with a smaller grid | Dark version with a larger grid

Ascender

Yesterday the latest Style Hatch theme, Ascender, went live on the Tumblr premium themes garden.  Ascender is an evolution of the popular Transcender theme with a grid layout, better styling for the built in light and dark modes and full Typekit support.

The first update for the theme is already in production which will include infinite scrolling, better iPhone/iPad support so that you can disable the default Tumblr iPhone theme, and a few other surprises.  All the theme updates are free and automatic, and they come with Zappos-like (or Nordstroms if you prefer) customer support.  Email - ascender@stylehatch.co

Check out the demo sites - Light version with a smaller grid | Dark version with a larger grid

Swell 1.0 Launch & Style Hatch Update
Finally, the latest Style Hatch premium theme, Swell is live!  Although the design is a bit more on the simplistic side there is an insane amount of detail that went into the build and overall experience.  Early next week I’ll write up a post going into the details of how I pull off some of the more intense features.  For now, here’s an overview of some of my favorite features:
Infinite scrolling & lightbox post view - One of the things I don’t like about most infinite scrolling sites is scrolling down several pages, clicking on a post, and going back to find that I lost where I’m at.  To get around this in Swell I introduced a lightbox style post viewer.  With the viewer the page never has to refresh or update as you’re browsing.
Deep linking and browser history - As you’re going through the posts you will notice that the URL updates with post hashbangs (/#!/post/5649171891/water-changes-everything) that allow you to copy and paste the URLs.  Plus this allows for the browser to track your history so that you can use the back / forward buttons.
Keyboard shortcuts - Browse the posts by hitting J/K to go next/back and ESC to close the window.
Description reveal - Rather than cluttering the page with the site description, recent tweets, liked posts, Flickr posts, etc all of those features are hidden at the top of the site in a reveal.  You can click the top right triangle, about link in the header, or browse to (/#!/about) to see the reveal.
Typekit - Like all the other Style Hatch themes this one includes full Typekit support allowing you to set the title, body and UI fonts.
Swell Updates
After seeing real-world usage of Swell I already have a growing list of tweaks and improvements for the theme.  Most of them are focused on increasing performance so that the theme is lightning fast when hundreds of posts are on the page at once.  Across all the Style Hatch themes I’ve pushed live nearly 100 updates, so this is only the beginning.
If you have any questions, ideas or issue email me personally at swell@stylehatch.co.  I always try to get to emails within a day with the exception of weekends and holidays.
Giving Back

At the beginning of May I decided to start taking a portion of each theme’s sales to give back and help do good in developing countries.  Now, for every 5 themes sold 1 person will be given access to clean water through Charity Water.  At the close of the month I will share more details, including the ability to track and see specific freshwater projects that were made possible through Style Hatch.  I really hope that this doesn’t come across as a marketing gimmick.  Honestly I’m extremely excited to give back to something that makes a real difference.  Already hundreds of people will be helped.  Learn more about what Charity Water is doing—Why Water?
The Future of Style Hatch
There is a lot going on behind the scenes with Style Hatch right now as I’m working to launch even more premium Tumblr themes and move to other platforms (no plans for Wordpress themes).  On Monday Jess Brown, my first full-time employee, starts working with me at New Ezra and Style Hatch.  His official role will be the director of customer experience which will cover support, outreach, as well as many other things.  The future is extremely bright!

Swell 1.0 Launch & Style Hatch Update

Finally, the latest Style Hatch premium theme, Swell is live!  Although the design is a bit more on the simplistic side there is an insane amount of detail that went into the build and overall experience.  Early next week I’ll write up a post going into the details of how I pull off some of the more intense features.  For now, here’s an overview of some of my favorite features:

  • Infinite scrolling & lightbox post view - One of the things I don’t like about most infinite scrolling sites is scrolling down several pages, clicking on a post, and going back to find that I lost where I’m at.  To get around this in Swell I introduced a lightbox style post viewer.  With the viewer the page never has to refresh or update as you’re browsing.
  • Deep linking and browser history - As you’re going through the posts you will notice that the URL updates with post hashbangs (/#!/post/5649171891/water-changes-everything) that allow you to copy and paste the URLs.  Plus this allows for the browser to track your history so that you can use the back / forward buttons.
  • Keyboard shortcuts - Browse the posts by hitting J/K to go next/back and ESC to close the window.
  • Description reveal - Rather than cluttering the page with the site description, recent tweets, liked posts, Flickr posts, etc all of those features are hidden at the top of the site in a reveal.  You can click the top right triangle, about link in the header, or browse to (/#!/about) to see the reveal.
  • Typekit - Like all the other Style Hatch themes this one includes full Typekit support allowing you to set the title, body and UI fonts.

Swell Updates

After seeing real-world usage of Swell I already have a growing list of tweaks and improvements for the theme.  Most of them are focused on increasing performance so that the theme is lightning fast when hundreds of posts are on the page at once.  Across all the Style Hatch themes I’ve pushed live nearly 100 updates, so this is only the beginning.

If you have any questions, ideas or issue email me personally at swell@stylehatch.co.  I always try to get to emails within a day with the exception of weekends and holidays.

Giving Back

At the beginning of May I decided to start taking a portion of each theme’s sales to give back and help do good in developing countries.  Now, for every 5 themes sold 1 person will be given access to clean water through Charity Water.  At the close of the month I will share more details, including the ability to track and see specific freshwater projects that were made possible through Style Hatch.  I really hope that this doesn’t come across as a marketing gimmick.  Honestly I’m extremely excited to give back to something that makes a real difference.  Already hundreds of people will be helped.  Learn more about what Charity Water is doing—Why Water?

The Future of Style Hatch

There is a lot going on behind the scenes with Style Hatch right now as I’m working to launch even more premium Tumblr themes and move to other platforms (no plans for Wordpress themes).  On Monday Jess Brown, my first full-time employee, starts working with me at New Ezra and Style Hatch.  His official role will be the director of customer experience which will cover support, outreach, as well as many other things.  The future is extremely bright!

Style Hatch Theme Updates
Earlier today major updates just went live for all six of the Style Hatch premium Tumblr themes.  Now all of the themes have Typekit support built in making it much easier to customize the fonts, as well as a number of other improvements and bug fixes.  Including the latest updates, this brings the total number of theme updates to 56 since the first theme launched nearly a year ago.  
The next round of updates will introduce image light boxes across the themes and support for the new Instagram API.
If you need help with your theme, have questions or even a suggestion I always do my best to reply in less than a day, with a bit slower responses over the weekend.  hello@stylehatch.co
Backburner 1.4.0 
Typekit - added support and options to set the body and title fonts
Twitter - fixed the issue with status links
Titles - improved the site title for tag results pages
Additional minor fixes and updates
View the demo site backburnertheme.tumblr.com | Purchase Backburner for $19 | Email backburner@stylehatch.co for support
Inspire Well 1.4.0
Typekit - added support and options to set the body and title fonts
Infinite Scrolling - performance has been dramatically improved fixing the issues with posts overlapping in certain situations and photosets not resizing down to the “xs” post size.
iPad - Improved the presentation of the theme while holding the iPad in portrait mode.
Chrome - Fixed a rare bug that caused rendering
Links - Images should no longer stretch in the caption
Twitter - fixed the issue with status links
Titles - improved the site title for tag results pages
Long URLs and words should now properly hyphenate and wrap to new lines
Additional minor fixes and updates
View the demo site inspirewell.tumblr.com & inspirewell-photo.tumblr.com | Purchase Inspire Well for $49 | Email inspirewell@stylehatch.co for support
Nova 1.2.0
Typekit - added support and options to set the body and title fonts
Text - Post titles are now links to the permalink page
Twitter - fixed the issue with status links
Titles - improved the site title for tag results pages
Added CSS classes to various elements to allow people to manipulate or hide the theme credit and audio plays 
Long URLs and words should now properly hyphenate and wrap to new lines
Additional minor fixes and updates
View the demo site novatheme.tumblr.com & novatheme-hd.tumblr.com | Purchase Nova for $49 | Email nova@stylehatch.co for support
Savory 1.1.0
Typekit - added support and options to set the body and title fonts
Social Icons - now you can add links to various social sites from Customize > Apperance
Sidebar - there is a new option to allow the sidebar elements to be visible on post permalink pages
Twitter - fixed the issue with status links
Titles - improved the site title for tag results pages
Additional minor fixes and updates
View the demo site savorytheme.tumblr.com | Purchase Savory for $49 | Email savory@stylehatch.co for support
Transcender 1.2.0
Typekit - added support and options to set the body and title fonts
Twitter - fixed the issue with status links
Titles - improved the site title for tag results pages
Additional minor fixes and updates
View the demo site transcendertheme.tumblr.com | Purchase Transcender for $49 | Email transcender@stylehatch.co for support
MARS 1.0.2
Typekit - added the options to set the body and title fonts
Video - Vimeo player controls now should match the video accent color
Twitter - fixed the issue with status links
Titles - improved the site title for tag results pages
Additional minor fixes and updates
View the demo site marstheme.tumblr.com & marstheme-columns.tumblr.com | Purchase MARS for $49 | Email mars@stylehatch.co for support

Style Hatch Theme Updates

Earlier today major updates just went live for all six of the Style Hatch premium Tumblr themes.  Now all of the themes have Typekit support built in making it much easier to customize the fonts, as well as a number of other improvements and bug fixes.  Including the latest updates, this brings the total number of theme updates to 56 since the first theme launched nearly a year ago.  

The next round of updates will introduce image light boxes across the themes and support for the new Instagram API.

If you need help with your theme, have questions or even a suggestion I always do my best to reply in less than a day, with a bit slower responses over the weekend.  hello@stylehatch.co

Backburner 1.4.0 

  • Typekit - added support and options to set the body and title fonts
  • Twitter - fixed the issue with status links
  • Titles - improved the site title for tag results pages
  • Additional minor fixes and updates

View the demo site backburnertheme.tumblr.com | Purchase Backburner for $19 | Email backburner@stylehatch.co for support

Inspire Well 1.4.0

  • Typekit - added support and options to set the body and title fonts
  • Infinite Scrolling - performance has been dramatically improved fixing the issues with posts overlapping in certain situations and photosets not resizing down to the “xs” post size.
  • iPad - Improved the presentation of the theme while holding the iPad in portrait mode.
  • Chrome - Fixed a rare bug that caused rendering
  • Links - Images should no longer stretch in the caption
  • Twitter - fixed the issue with status links
  • Titles - improved the site title for tag results pages
  • Long URLs and words should now properly hyphenate and wrap to new lines
  • Additional minor fixes and updates

View the demo site inspirewell.tumblr.com & inspirewell-photo.tumblr.com | Purchase Inspire Well for $49 | Email inspirewell@stylehatch.co for support

Nova 1.2.0

  • Typekit - added support and options to set the body and title fonts
  • Text - Post titles are now links to the permalink page
  • Twitter - fixed the issue with status links
  • Titles - improved the site title for tag results pages
  • Added CSS classes to various elements to allow people to manipulate or hide the theme credit and audio plays 
  • Long URLs and words should now properly hyphenate and wrap to new lines
  • Additional minor fixes and updates

View the demo site novatheme.tumblr.com & novatheme-hd.tumblr.com | Purchase Nova for $49 | Email nova@stylehatch.co for support

Savory 1.1.0

  • Typekit - added support and options to set the body and title fonts
  • Social Icons - now you can add links to various social sites from Customize > Apperance
  • Sidebar - there is a new option to allow the sidebar elements to be visible on post permalink pages
  • Twitter - fixed the issue with status links
  • Titles - improved the site title for tag results pages
  • Additional minor fixes and updates

View the demo site savorytheme.tumblr.com | Purchase Savory for $49 | Email savory@stylehatch.co for support

Transcender 1.2.0

  • Typekit - added support and options to set the body and title fonts
  • Twitter - fixed the issue with status links
  • Titles - improved the site title for tag results pages
  • Additional minor fixes and updates

View the demo site transcendertheme.tumblr.com | Purchase Transcender for $49 | Email transcender@stylehatch.co for support

MARS 1.0.2

  • Typekit - added the options to set the body and title fonts
  • Video - Vimeo player controls now should match the video accent color
  • Twitter - fixed the issue with status links
  • Titles - improved the site title for tag results pages
  • Additional minor fixes and updates

View the demo site marstheme.tumblr.com & marstheme-columns.tumblr.com | Purchase MARS for $49 | Email mars@stylehatch.co for support

MARS Premium Theme
Earlier today MARS—the sixth Style Hatch Tumblr premium theme—went live.  Like all the other themes this one is packed full of customization options (over 60) to select from the default, wide and columns layout, change the color scheme, upload background and logo images, integrate Typekit for complete control over the fonts, and much more.
One of my favorite features is the floating dates and tags in the default and wide layout modes.  As you scroll down the date and tags intelligently float to the right.  Notice how the date takes on the color of the post type.
Early next week I’ll post a demo site showcasing the columns layout that gives you a grid-type layout similar to Inspire Well.  Send me an email at mars@stylehatch.co if you have any questions.

MARS Premium Theme

Earlier today MARSthe sixth Style Hatch Tumblr premium theme—went live.  Like all the other themes this one is packed full of customization options (over 60) to select from the default, wide and columns layout, change the color scheme, upload background and logo images, integrate Typekit for complete control over the fonts, and much more.

One of my favorite features is the floating dates and tags in the default and wide layout modes.  As you scroll down the date and tags intelligently float to the right.  Notice how the date takes on the color of the post type.

Early next week I’ll post a demo site showcasing the columns layout that gives you a grid-type layout similar to Inspire Well.  Send me an email at mars@stylehatch.co if you have any questions.

Traction Premium Theme
With subtle glowing edges and high-contast elements, Traction is the latest futuristic yet simple three column premium theme from Style Hatch. Choose either the light or dark style and customize your colors, background and 60+ appearance options—see all the customization options.  Buy the theme for only $49.
I had a lot of fun building this theme out with the latest HTML5 and CSS3 techniques.  If you look closely at the source you’ll notice only three images are being used in the theme at a light-weight 20kb.  All of the rounded corners, inner and outer glows, drop shadows, font-face icons, and insets are stylized using CSS3.  Plus, I added CSS3 animation touches throughout the theme—try it out by rolling over a few links, linked images, and clicking inside the search bar.  If you’re viewing the site on an anchient browser like Internet Explorer everything will degrade nicely to more simplistic design elements.
If you have any other questions about the theme or need support send me an email - traction@stylehatch.co.  Also expect updates to Backburner, Inspire Well, Nova and Savory before the end of the year.

Traction Premium Theme

With subtle glowing edges and high-contast elements, Traction is the latest futuristic yet simple three column premium theme from Style Hatch. Choose either the light or dark style and customize your colors, background and 60+ appearance options—see all the customization options.  Buy the theme for only $49.

I had a lot of fun building this theme out with the latest HTML5 and CSS3 techniques.  If you look closely at the source you’ll notice only three images are being used in the theme at a light-weight 20kb.  All of the rounded corners, inner and outer glows, drop shadows, font-face icons, and insets are stylized using CSS3.  Plus, I added CSS3 animation touches throughout the theme—try it out by rolling over a few links, linked images, and clicking inside the search bar.  If you’re viewing the site on an anchient browser like Internet Explorer everything will degrade nicely to more simplistic design elements.

If you have any other questions about the theme or need support send me an email - traction@stylehatch.co.  Also expect updates to Backburner, Inspire Well, Nova and Savory before the end of the year.

The more people we have on our team, the less room there is in the elevator and the more complicated everything gets.- David Karp
Tumblr’s building does have a tiny elevator.  When I stopped by a few weeks ago somehow we were all able to squeeze in there along with Pasquale D’Silva.  Well done Tumblr team for recovering from the short (relatively) outage.  I can only imagine how intense the last 48 hours have been for the whole team.
Via Startup Quote

The more people we have on our team, the less room there is in the elevator and the more complicated everything gets.
- David Karp

Tumblr’s building does have a tiny elevator.  When I stopped by a few weeks ago somehow we were all able to squeeze in there along with Pasquale D’Silva.  Well done Tumblr team for recovering from the short (relatively) outage.  I can only imagine how intense the last 48 hours have been for the whole team.

Via Startup Quote

The more constraints one imposes, the more one frees one’s self. And the arbitrariness of the constraint serves only to obtain precision of execution.

Igor Stravinsky

This quote summarizes one of the many things I love about the Tumblr platform.  When designing a theme for Tumblr the simplicity of the Tumblr feature set provides an excellent constraint that helps us (Style Hatch) focus on “precision of execution”.

Via Jonathan Snook’s presentation “The Future of Cross-Platform Front-End Development” at FOWD NYC.

Inspire Well 1.2 Now Live - 440% Faster
This morning a major update to the Inspire Well theme finally went live.  With large portions of the theme rewritten and converted to HTML5, the latest update focuses on speed, performance and better layout.  After checking the “Use progressive load” option in the Appearances menu you posts should display and layout in the grid almost instantly without waiting on the loading menu.  By shaving seconds and milliseconds off the load time Inspire Well now loads up on average 440% faster.
To help with testing and to demo the new infinite scroll option I installed Inspire Well 1.2 on my personal Tumblr site for the day—http://jonathanmoore.com. 
If you have already installed Inspire Well and haven’t made any changes to the theme HTML your site has already been upgraded to 1.2.
Install Inspire Well for only $19.
Need help or support? inspirewell@stylehatch.co
See the long list of changes in Inspire Well 1.2.

Inspire Well 1.2 Now Live - 440% Faster

This morning a major update to the Inspire Well theme finally went live.  With large portions of the theme rewritten and converted to HTML5, the latest update focuses on speed, performance and better layout.  After checking the “Use progressive load” option in the Appearances menu you posts should display and layout in the grid almost instantly without waiting on the loading menu.  By shaving seconds and milliseconds off the load time Inspire Well now loads up on average 440% faster.

To help with testing and to demo the new infinite scroll option I installed Inspire Well 1.2 on my personal Tumblr site for the day—http://jonathanmoore.com

If you have already installed Inspire Well and haven’t made any changes to the theme HTML your site has already been upgraded to 1.2.

Savory Tumblr Theme
Yesterday afternoon my fourth premium Tumblr theme went live—Savory.  The theme design balances out clean typography and UI elements with subtle textures and ‘hand-stitching’.  If you look close at the details you’ll notice how blocks of contents cast harder shadows on the left and right sides where the pages have been stitched together.  Quite a bit of love went into the design details.
Like the Nova theme, Savory is built with a custom HTML5/CSS3/jQuery framework based on the HTML5 Boilerplate.  HTML5/CSS3 does open up quite a few new technical opportunities, but most importantly it has helped streamline the build process.
Buy the Savory Theme for $49
This latest launch also marks the beginning of a new company Style Hatch—Hand Crafted Digital Goods.  Over the next few weeks I will announce more details about the exciting new venture.  Follow Style Hatch on twitter for more update and previews of what’s to come.

Savory Tumblr Theme

Yesterday afternoon my fourth premium Tumblr theme went live—Savory.  The theme design balances out clean typography and UI elements with subtle textures and ‘hand-stitching’.  If you look close at the details you’ll notice how blocks of contents cast harder shadows on the left and right sides where the pages have been stitched together.  Quite a bit of love went into the design details.

Like the Nova theme, Savory is built with a custom HTML5/CSS3/jQuery framework based on the HTML5 Boilerplate.  HTML5/CSS3 does open up quite a few new technical opportunities, but most importantly it has helped streamline the build process.

Buy the Savory Theme for $49

This latest launch also marks the beginning of a new company Style Hatch—Hand Crafted Digital Goods.  Over the next few weeks I will announce more details about the exciting new venture.  Follow Style Hatch on twitter for more update and previews of what’s to come.