Post on 21-Oct-2014
description
Jumping Into Tumblr Theme Development - November 9, 2012 – Geekend – Savannah, GA
“That big, empty text box”
Why use Tumblr?
“[Tumblr is] the mullet theory of social software design.
It’s all business in the front: you have your blog that looks like any other blog, although usually prettier. And then the real party is in the back, through the
social interaction on the dashboard.”
Why use Tumblr?
- Chris Muscarella, New York Times, 7/15/12
Why use Tumblr?Tumblr
Dashboard
Why use Tumblr?
http://textsfromhillaryclinton.tumblr.com
“[Tumblr is] the mullet theory of social software design.
It’s all business in the front: you have your blog that looks like any other blog, although usually prettier. And then the real party is in the back, through the
social interaction on the dashboard.”
Tumblr Themes
- Chris Muscarella, New York Times, 7/15/12
Tumblr Theme Ingredients
HTML / CSS / JavaScript+
Tumblr Theme Operators
Tumblr Theme Operators
Tumblr Theme Operators• Blocks– Represent data sets• {block:Posts}…{/block:Posts}
– Test conditions• {block:HasPages}…{/block:HasPages}
• Variables– Output dynamic data• {Description}
Default Operators
Custom Operators
Custom Operators
Services and APIs
Services and APIs• Tumblr– Display featured tagged content
• Instagram and Flickr– Create unique photo streams
• Google– Integrate WebFonts, Analytics, Maps
• Other – Twitter, Foursquare, Songkick, exfm, etc…
Services and APIs
Services and APIs
Mobile
Workflow and Tools• Theme Editor– HTML editor– Appearance Options
• Static Assets CDN– Images, stylesheets, scripts
• Documentation
Workflow and Tools
Workflow and Tools
Workflow and Tools
Theme Editor is required, but not enough.
Workflow and Tools• Text Editor• SASS / Compass• AMD (requirejs)• Build (rjs)• Testing (xip.io)
Tools - What’s Missing
Local Template Parser
Theme / Operator Linting Tool
Editor Support
Theme Submissions
Theme Submissions
http://www.tumblr.com/themes/by/businessbullpen
Tumblr Resources• Custom Themes
– http://www.tumblr.com/docs/en/custom_themes• API
– http://www.tumblr.com/docs/en/api/v2• Static Assets
– http://www.tumblr.com/themes/upload_static_file• Submissions
– http://www.tumblr.com/themes/new• Developer Center
– http://www.tumblr.com/developers• Theme Garden
– http://www.tumblr.com/themes/
Other Resources• http://instagram.com/developer/• http://www.flickr.com/services/api/• https://developers.google.com/webfonts/• https://developers.google.com/analytics/• https://dev.twitter.com/• https://typekit.com/
Sources• http://www.businessinsider.com/one-million-users-startups-2012-1• http://mashable.com/2011/06/15/tumblr-surpasses-wordpress/• http://mashable.com/2010/12/06/tumblr-still-down/• http://mashable.com/2010/03/24/tumblr-premium-themes/• http://mashable.com/2012/09/19/tumblr-more-popular-pinterest/• http://staff.tumblr.com/post/58506428/likes• http://staff.tumblr.com/post/100679024/100-000-000th-post• http://mashable.com/2011/11/14/tumblr-infographic/• http://www.nytimes.com/2012/07/15/magazine/can-tumblrs-david-karp-em
brace-ads-without-selling-out.html
Contact Info• businessbullpen.com• @BusinessBullpen– Todd Wickersty• tumblr: todd.wick.me• twitter: @toddwickersty• email: todd@businessbullpen.com
– Graham Blevins• tumblr: grahamblevins.com• twitter: @grahamblevins• email: graham@businessbullpen.com