GithubHelp home page GithubHelp logo

Built with Grunt

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap that will help you make better themes.

Installation

Clone the git repo - git clone git://github.com/roots/roots.git - or download it and then rename the directory to the name of your theme or website. Install Grunt, and then install the dependencies for Roots contained in package.json by running the following from the Roots theme directory:

npm install

Reference the theme activation documentation to understand everything that happens once you activate Roots.

Theme Development

After you've installed Grunt and ran npm install from the theme root, use grunt watch to watch for updates to your LESS and JS files and Grunt will automatically re-build as you write your code.

Configuration

Edit lib/config.php to enable or disable support for various theme functions and to define constants that are used throughout the theme.

Edit lib/init.php to setup custom navigation menus and post thumbnail sizes.

Documentation

  • Roots 101 — A guide to installing Roots, the files and theme organization
  • Theme Wrapper — Learn all about the theme wrapper
  • Build Script — A look into the Roots build script powered by Grunt
  • Roots Sidebar — Understand how to display or hide the sidebar in Roots

Erik James Albaugh's Projects

bootstrap-image-gallery icon bootstrap-image-gallery

Bootstrap Image Gallery is an extension to the Modal dialog of Twitter's Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

bootstrap-select icon bootstrap-select

A custom select for @twitter bootstrap using button dropdown; originally by Silvio Moreto

bootstro.js icon bootstro.js

Tiny JS library taking advantage of bootstrap's popover to help guide your users around

bourbon icon bourbon

A simple and lightweight mixin library for Sass.

bower icon bower

A package manager for the web, created at Twitter

chart.js icon chart.js

Simple HTML5 Charts using the <canvas> tag

chicago-atlas icon chicago-atlas

View citywide information about health trends and take action near you to improve your own health.

coach icon coach

Coach is a JavaScript Dribbble API Wrapper

coda-2-themes icon coda-2-themes

A collection of commonly loved themes ported for the new Coda 2 from Panic

colorbox icon colorbox

A light-weight, customizable lightbox plugin for jQuery 1.3

connect-js icon connect-js

Facebook's JavaScript client-side implementation of Connect.

creativelinkeffects icon creativelinkeffects

An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.

css-filters-polyfill icon css-filters-polyfill

This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects

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.