Giter VIP home page Giter VIP logo

html5blank's Introduction

Powerful shell for rapidly deploying your WordPress projects.

Getting Started with HTML5 Blank

  • Go to the Wordpress' theme folder (.../wp-content/themes)
  • In CLI, run: git clone https://github.com/html5blank/html5blank.git
  • cd html5blank and then npm install (you'll need gulp installed as well)
  • gulp watch will enable livereload and development version
  • gulp build for distribute version with minified js and css files
  • NOTE: src and dist folders can live happily together inside the same folder (html5blank) that's inside the theme folder. You'll have two different instances of the theme within Appearance > Themes panel inside the admin

Get involved! Make HTML5 Blank better

Help make the code better by submitting a pull request or open an issue.

Features

HTML5

  • Basic Semantic HTML5 Markup
  • W3C Valid Code Foundations
  • Responsive Ready, ViewPort meta data
  • HTML Class support for IE7, IE8, IE9 Conditionals (HTML5 Boilerplate)
  • Clean, neatly organized code, with PHP annotations

jQuery + JavaScript

  • Replaced built-in WordPress enqueue with Google CDN
  • Protocol relative jQuery if Google CDN offline (HTML5 Boilerplate)
  • Conditionizr for cross-platform/device detects and enhancements
  • Modernizr feature detection, HTML5 element support for legacy, progressive enhancement (HTML5 Boilerplate)
  • DOM Ready JavaScript file setup (scripts.js) for instant JavaScript development
  • JavaScript files enqueued using WordPress functions into wp_head

CSS3

  • HTML5 Boilerplate reset
  • Media Queries framework for instant development using @media
  • @font-face empty framework with Fonts folder setup ready for new custom fonts
  • CSS3 custom selection styles
  • Inline print styles (HTML5 Boilerplate)
  • Body element config, including Optimize Legibility for kerning and font-smoothing
  • Replaced focus styles to avoid blue blur in field elements, replaced with border
  • Stylesheet enqueued using WordPress functions into wp_head

Preloaded Functions (functions.php)

  • Enqueue Scripts functions setup
  • Enqueue Styles functions setup
  • Dynamic WordPress Menu Navigation Support, preloaded with 3 Dynamic menus
  • Cleaned up dynamic nav output (Remove outer 'div')
  • Remove all injected classes from nav items, ID's, Page ID's
  • Custom Post Type x1 preloaded for demonstration, supporting: Category, Tags, Post Thumbnails, Excerpts
  • Dynamic Sidebar with x2 Widget Areas, and sidebar.php setup
  • WordPress Thumbnail Support, no Plugin image cropping, custom Arrays and Thumbnail settings
  • Custom Excerpt callbacks, with changeable callback numbers
  • Replaced 'Read More' button for custom Excerpt callbacks
  • Demo Shortcodes included, with Nested Shortcode capability
  • Add Slug to body class (Starkers Theme credit)
  • wp_head functions stripped right down, remove excess injected junk
  • All functions annotated, categorized into sections, filters, actions, shortcodes etc.
  • Space for development, neatly organized code with Modules/External files

Theme Files and Functionality

  • Built in Pagination, no plugins (strips out prev + next post and gives page numbers)
  • Optimized Google Analytics in footer (HTML5 Boilerplate)
  • Widget Area Sidebar support, functions in place to get developing
  • Custom Search Form included (searchform.php) - fully editable
  • Tags support for showing Post Tags
  • Category support for showing the Category of post
  • Author support showing the author
  • Demo Custom Page Template for expansion

Contributors

Thanks to all the awesome contributors!

html5blank's People

Contributors

orisomething avatar toddmotto avatar j-rabe avatar robertdevore avatar mdaliyan avatar scottaohara avatar pgerochi avatar munnday avatar mattiaaccornero avatar lregla avatar floq-design avatar georgestephanis avatar fxbenard avatar nhylated avatar marsjaninzmarsa avatar pandory-network avatar grischka avatar kylejmhudson avatar isaacalves avatar weslleih avatar ssteinerx avatar asallay avatar coeuscc avatar elkebirmed avatar mik-laj avatar yuyokk avatar ericwvgg avatar kwpolska avatar chrisdl avatar carlmorris 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.