Fast Web Development mit

HTML5 Boilerplate

Hans Christian Reinl

Front-End Developer, Freiburg

drublic.de • info@drublic.de • @drublic

Hans Christian Andersen

Image Source: Cinemagia.ro

Projekte

und andere: github.com/drublic

Fast Web Development mit

HTML5 Boilerplate

drublic.github.io/starting-websites or goo.gl/YeVc1

HTML5 Boilerplate

Website

HTML5 Boilerplate

Das am meisten genutzte Front-End Template

Mehr als 20k Watcher auf GitHub

Fünft populärstes Projekt auf GitHub

HTML5 Boilerplate

Robuste und schnelle Websites

Wissen von hunderten Developern

Webstandards & Browser-Defauls

HTML5 Boilerplate

Umfang

Browser-Normalisierung: normalize.css

Hilfs-Klassen in CSS

jQuery & Modernizr

Google Analytics

Umfangreiche Dokumentation

HTML5 Boilerplate

Customizing mit Initializr

Download & los geht’s

Organisation H5BP

Website

Organisation H5BP

Mobile Boilerplate

HTML5 Please

Build-Scripts: Node, Ant

Server Configs

Website starten mit

HTML5 Boilerplate

html5boilerplate.com

init

Erweiterung zu HTML5 Boilerplate

"Opinionated"

Mehr Tools

init

Ein paar Sass Files

Build-Tool: Grunt

RequireJS

Und mehr…

init

Bald

Automatisierte Tests

Package-Management für’s Front-End

Generatoren

Package-Management

Components

Wie jQuery Plugins

Bootstrap

Bower

A package manager for the web

Automatisiertes Component-Management

$ npm install -g bower

Einfach installation

$ bower install css-modal

Und was noch?

Eigene Git Repositories nutzen

component(1)

Yeoman

Recap

Schneller starten mit HTML5 Boilerplate

Init bringt mehr Möglichkeiten mit sich

Gute Websites sind nicht schwierig zu starten

Fragen?

♥

@drublic • info@drublic.de