All Projects → h5bp → Html5 Boilerplate

h5bp / Html5 Boilerplate

Licence: mit
A professional front-end template for building fast, robust, and adaptable web apps or sites.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to Html5 Boilerplate

Code Standards
Isobar Front-end development coding standards. Memorize them BY HEART.
Stars: ✭ 1,341 (-97.42%)
Mutual labels:  best-practices, html5
Server Configs Nginx
Nginx HTTP server boilerplate configs
Stars: ✭ 9,457 (-81.82%)
Mutual labels:  best-practices, robust
Server Configs Apache
Apache HTTP server boilerplate configs
Stars: ✭ 2,916 (-94.39%)
Mutual labels:  best-practices, robust
Webfundamentals
Best practices for modern web development
Stars: ✭ 12,335 (-76.28%)
Mutual labels:  best-practices, html5
React Liquidswipe
🚀 Smooth Liquid Swipe Animation to transition between different components.
Stars: ✭ 245 (-99.53%)
Mutual labels:  html5
Parse5
HTML parsing/serialization toolset for Node.js. WHATWG HTML Living Standard (aka HTML5)-compliant.
Stars: ✭ 2,778 (-94.66%)
Mutual labels:  html5
Eslint Plugin Ember
An ESlint plugin that provides set of rules for Ember Applications based on commonly known good practices.
Stars: ✭ 240 (-99.54%)
Mutual labels:  best-practices
Api on rails
Learn best practices to build an API using Ruby on Rails 5/6
Stars: ✭ 236 (-99.55%)
Mutual labels:  best-practices
Html5validator
Command line tool to validate HTML5 files. Great for continuous integration.
Stars: ✭ 251 (-99.52%)
Mutual labels:  html5
X11docker
Run GUI applications and desktops in docker and podman containers. Focus on security.
Stars: ✭ 3,797 (-92.7%)
Mutual labels:  html5
Awesome Android Complete Reference
Awesome Android references for everything like best practices, performance optimization, etc.
Stars: ✭ 2,701 (-94.81%)
Mutual labels:  best-practices
Html Templates
100 (one hundred) simple and elegant HTML templates 💯
Stars: ✭ 240 (-99.54%)
Mutual labels:  html5
Guiadesenvolvedoraweb
Guia de como se tornar uma desenvolvedora front end.
Stars: ✭ 247 (-99.53%)
Mutual labels:  html5
Flexx
Write desktop and web apps in pure Python
Stars: ✭ 2,843 (-94.53%)
Mutual labels:  html5
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (-99.52%)
Mutual labels:  html5
Hprose Html5
Hprose is a cross-language RPC. This project is Hprose 2.0 Client for HTML5
Stars: ✭ 237 (-99.54%)
Mutual labels:  html5
Naming Convention Guides
📖 Collection of naming guides for writing more consistent and readable codes
Stars: ✭ 239 (-99.54%)
Mutual labels:  best-practices
Gdevelop
🎮 GDevelop is an open-source, cross-platform game engine designed to be used by everyone.
Stars: ✭ 3,221 (-93.81%)
Mutual labels:  html5
Nunchuck
📲 multi-device hardware data synchronization for mobile browsers
Stars: ✭ 242 (-99.53%)
Mutual labels:  html5
Sysadmin Reading List
A reading/viewing list for larval stage sysadmins and SREs
Stars: ✭ 240 (-99.54%)
Mutual labels:  best-practices

HTML5 Boilerplate

Build status LICENSE NPM Downloads github-stars-image

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

This project is the product of over 10 years of iterative development and community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.

Quick start

Choose one of the following options:

  • Download the latest stable release from html5boilerplate.com. This zip file is a snapshot of the dist folder. On Windows, Mac and from the file manager on Linux unzipping this folder will output to a folder named something like html5-boilerplate_v7.3.0. From the command line will need to create a folder and unzip the contents into that folder.

    mkdir html5-boilerplate
    unzip html5-boilerplate*.zip -d html5-boilerplate
  • Clone the git repo — git clone https://github.com/h5bp/html5-boilerplate.git - and checkout the tagged release you'd like to use. The dist folder represents the latest version of the project for end users.

  • Install with npm: npm install html5-boilerplate or yarn: yarn add html5-boilerplate. The resulting node_modules/html5-boilerplate/dist folder represents the latest version of the project for end users. Depending on what you want to use and how you want to use it, you may have to copy and paste the contents of that folder into your project directory.

  • Using the create-html5-boilerplate script, instantly fetch the latest npm published package (or any version available on npm) with npx, npm init or yarn create without having to install any dependencies. Running the following npx command installs the latest version into a folder called new-site

    npx create-html5-boilerplate new-site
    cd new-site
    npm install
    npm run start
    
  • Using our new Template Repository create a new GitHub repository based on the latest code from the main branch of HTML5 Boilerplate.

Features

  • A finely-tuned starter template. Reap the benefits of 10 years of analysis, research and experimentation by over 200 contributors.
  • Designed with progressive enhancement in mind.
  • Includes:
  • Placeholder Open Graph elements and attributes.
  • An example package.json file with WebPack commands built in to jumpstart application development
  • Placeholder CSS Media Queries.
  • Useful CSS helper classes.
  • Default print styles, performance optimized.
  • Protection against any stray console statements causing JavaScript errors in older browsers.
  • "Delete-key friendly." Easy to strip out parts you don't need.
  • Extensive documentation.

Browser support

HTML5-Boilerplate supports the latest, stable releases of all major browsers.

You can find our range of supported browsers in our package.json At present we extend the browserlist default with the addition of IE 11 and FireFox ESR.

  "browserslist": [
    "> 0.5%",
    "last 2 versions",
    "Firefox ESR",
    "not dead",
    "IE 11"
  ],

That configuration translates to this full list of browsers.

Documentation

Take a look at the documentation table of contents. This documentation is bundled with the project which makes it available for offline reading and provides a useful starting point for any documentation you want to write about your project.

Contributing

Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone is welcome to contribute, however, if you decide to get involved, please take a moment to review the guidelines:

License

The code is available under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].