Giter Site home page Giter Site logo

html5-tumblr-theme-template's Introduction

HTML5 Tumblr Theme Template

HTML5 Tumblr Theme Template (H5TTT) is a basic Tumblr theme based on the HTML5 Boilerplate project. The theme gives you the markup for all post types, along with a selection of recommended scripts and styles to make your theme ready to work cross-browser. Please use this theme as the basis for your own styling. No visual CSS is included.

Learn more about the HTML5 Boilerplate project

Testing Tumblr theme development

I’ve found the following development flow to be the most efficient when coding Tumblr themes.

  1. Make your desired changes to index.html (most themes won’t require many changes, if any).
  2. Copy and paste the markup from index.html into a password-protected testing tumblelog that you’ve pre-populated with sample content. Be sure to include all post types in your sample content. If you’ve never pasted a custom theme on Tumblr, click "Customize appearance" when the blog is selected in your Dashboard on tumblr.com, then "Edit HTML". Select all, paste your index.html code. Click "Appearance" to go back. Click "Save".
  3. Enter the URL for your offsite CSS and Javascript files in the File Host field. Click "Save". Note: this feature is only needed for development. When your theme is ready to use or distribute, upload your assets using Tumblr's asset uploader and swap out the URL's in index.html.
  4. Work on your style.css and script.js once you’re done with index.html. View your style changes on the testing tumblelog without messing with the markup and excessive copy/paste. Host plugins.js, modernizr-2.0.6.min.js, scripts.js, and style.css on your own server at the path specified in step 3.

html5-tumblr-theme-template's People

Contributors

notthatnathan avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.