Code Monkey home page Code Monkey 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

lettering.js icon lettering.js

A lightweight, easy to use Javascript <span> injector for radical Web Typography

light icon light

A lightweight WordPress blog theme

list.js icon list.js

Do you want a 3 KB (gzipped&minified) cross-browser native JavaScript that makes your plain HTML lists and tables super flexible, searchable, sortable and filterable? Yeah! Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!

make-me icon make-me

Tools and an API for easy 3D Printing

manybots icon manybots

Use apps to log everything you do, then visualize everything with this Activity Streams + OAuth platform.

markdown-on-save icon markdown-on-save

#WordPressPlugin: allows you to author posts in Markdown, but stores rendered HTML in post_content so you can deactivate with impunity.

mendel icon mendel

RepRapPro's version of Prusa Mendel

modernizr icon modernizr

Feature detect HTML5 and CSS3 features, with handy css and javascript hooks so you can progressively enhance to your heart's content.

mosaic icon mosaic

A jQuery plugin for sliding boxes with captions.

my-meta-box icon my-meta-box

A class for creating custom meta boxes for WordPress

nhp-theme-options-framework icon nhp-theme-options-framework

A simple, easily extendable theme options class (well its actually a whole bunch of classes, but hey lets not confuse things, were making things simpler here). Uses the built in Settings API for WordPress. And uses Custom error handling for validation classes. This allows each tab to count its errors and display warnings for the user.

node icon node

evented I/O for v8 javascript

node-static icon node-static

rfc 2616 compliant HTTP static-file server module, with built-in caching.

normalize.css icon normalize.css

normalize.css makes browsers render all elements consistently and in line with modern standards.

octopress icon octopress

Octopress is an obsessively designed framework for Jekyll blogging. It’s easy to configure and easy to deploy. Sweet huh?

octoprint icon octoprint

OctoPrint provides a responsive web interface for controlling a 3D printer (RepRap, Ultimaker, ...).

omnigroup icon omnigroup

Source for many of The Omni Group's frameworks

onscrolleffectlayout icon onscrolleffectlayout

An on scroll effect template that animates the sides of sections once they are in the viewport.

open-graph-protocol-plugin-for-wordpress icon open-graph-protocol-plugin-for-wordpress

WordPress Plugin that adds Open Graph Protocol Metadata to your blog. To download a copy, click "Download Source" and choose the zip file. Unzip, and place the resulting folder in your WordPress installation under wp-content/plugins/

opencart icon opencart

A free shopping cart system. OpenCart is an open source PHP-based online e-commerce solution.

openvbx icon openvbx

OpenVBX is a web-based open source phone system for business.

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.