WP themes

Repositories

• http://wordpress.org/extend/themes/

• http://www.plaintxt.org/ - some classic minimal themes

Base

Requirements

1. HTML5 ready. Many use HTML5 Boilerplate (or 'h5bp')
2. Responsive, with a mobile first aproach, like 320 And Up.
3. Preproces system, to help with layout (not too hard to add though)
4. Grid system, to help with layout (not too hard to add though)
5. Accessability (basic WCAG 2.0?)
6. Theme settings for easy change of, say, header (Settings API, etc.)

Interesting candidates

• Bones
  • https://github.com/eddiemachado/bones - very recent
  • http://themble.com/docs/
  • http://themble.com/support/bones-grid/
  • http://sam.zoy.org/wtfpl/ - WTFPL, Do What The Fuck You Want To Public License
  • h5bp, 320andup, modernizr.custom.min.js, respond.js
  • Bones now uses LESS or Sass by default, leaves client or server side for you to setup
  • for hacking (not a parent theme)
  • 768px =< body { display: table } [1]
  • todo; optimizing js files for mobile (check that)
  • nice base style

• 320semanticgs
  • https://github.com/matt-bailey/320semanticgs - may 2012
  • h5bp, 320andup and semantic.gs
  • preprocessor - LESS (LESS.js, not as reliable as server-side), SCSS, or Stylus base files
  • Font Awesome symbol webfont

• _s (underscores) - few months
  • http://themeshaper.com/2012/02/13/introducing-the-underscores-theme/ - from Automattic
  • http://themeshaper.com/2012/02/21/getting-started-with-the-underscores-theme/
  • modern stuffs
  • reset is based on Eric Meyer, normalize.css and Blueprint
  • seperate layout .css
  • for hacking (not a parent theme)
  • 10px to 1em

• http://pea.rs/
  • https://github.com/simplebits/Pears
  • uses less
  • base theme with post+css patterns
  • Each pattern is a post in WordPress.
  • Add markup in a custom field named 'html'.
  • Add style in a custom field named 'css'.
  • Use the main content field for optional notes.

Hmm

• http://demos.simplethemes.com/skeleton/- "Skeleton is a simple, responsive WordPress theme based on the Skeleton Boilerplate. It has several useful shortcodes, such as tabs, toggles, cross-browser CSS3 buttons, and layout columns. It also includes a bbPress skin/stylesheet and sample child theme. "
  • https://github.com/simplethemes/skeleton_wp - recent
  • http://demos.simplethemes.com/skeleton/documentation
  • uses the Options Framework plugin
  • uses the Skeleton css framework
  • grid using shortcodes
  • basic typography, element and button css
  • not mobile first

• http://themefortress.com/reverie/ - demo
  • https://github.com/milohuang/reverie - kinda recent
  • h5bp
  • uses ZURB's Foundation framework
  • hNews microformat ready
  • optimized for Search Engine and redability
  • not mobile first

• http://whiteboardframework.com/ - HTML5, responsive, Less
  • https://github.com/johanbrook/whiteboard - Jul 17, 2011
  • Less Framework 4 - An adaptive CSS grid system.
  • accessability support (WAI)
  • http://whiteboardframework.com/testdrive/ - not exactly a clear whiteboard..
  • not mobile first

• http://html5reset.org/#wordpress
  • https://github.com/murtaugh/HTML5-Reset-Wordpress-Theme - year ago
  • does note http://blog.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
  • semantic HTML5 markup + CSS reset
  • CSS declarations for basic WordPress elements
  • widget-ready sidebar
  • Modernizr
  • hNews microformat
  • Google Analytics
  • not mobile first

• https://github.com/scottlyttle/Sass-WordPress-Reset-Theme - Sass, Modernizer, jQuery, form components
  • https://github.com/scottlyttle/Sass-WordPress-Reset-Theme/blob/master/SCSS/style.scss
  • Modernizer
  • needs ruby+sass on the server, not handy for shared hosting

• http://randyjensenonline.com/thoughts/handcrafted-wp-starter-theme/
  • h5bp
  • jQuery

• starkers - 3 months ago
  • https://github.com/viewportindustries/Starkers
  • uses WP core Twenty Ten theme as its base
  • update possibly maybe soon. twenty twelve is due though..

• https://github.com/nathanstaines/starkers-html5 - most a year ago
  • based on starkers
  • HTML5, bare-bones
  • Modernizr

• http://weavertheme.com/ - recommended by Danny
  • all fluid, no breakpoints
  • not motbile first (a lot of "@media all")
  • three stylesheets
  • many features paid for version only

• http://wordpress.org/extend/themes/thematic
  • http://www.ejhansel.com/thematic-320-and-up
    • anything below 1024 width is single colum? :/

• https://github.com/retlehs/roots
  • h5pb
  • not 320andup

• https://github.com/320press/wordpress-bootstrap
  • Twitter Bootstrap framework as a WordPress theme. Bootstrap is very overused these days though.

• https://github.com/wycks/WP-Skeleton-Theme - a few months ago
  • http://skeleton.phpfogapp.com/ - demo
  • IE HTML5shim
  • etc.
  • not mobile first

article;

• Blank & Bare WordPress HTML5 Frameworks