Upload
cezar-luiz
View
212
Download
2
Embed Size (px)
Citation preview
<video> <audio> <picture> <web-components> srcset <section> <article> <aside> <header> <footer> <meta charset=utf-8> <hgroup> websocket <maisde8000>
Inputs
email search phone date color text range number tel time week datetime
required autofocus min max pattern step
// SASS @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius; }
.box { @include border-radius(10px); }
variáveis flexbox gradients border radius box shadow
text shadow normalize reset sprites (tools ftw) transitions
animations IE10+ !important CSS3 everywhere!
API’s
geolocation vibration canvas dragndrop filesystem indexeddb shadowdom websocket webgl webrtc battery ajax2 network information page visibility full screen getusermedia storing
data
Grunt / Gulp
Automatizadores de tarefas - concatenam, minificam,
otimizam imagens, livereload, autoprefixer, sass
ou less - tudo isso automagicamente
Bower
Gerenciador de dependências front-end
npm install jquery angular normalize-css animate-css
fastclick --save
Yeoman
Generators - criam toda a estrutura para você em um
simples comando, já incluindo o grunt / gulp, bower, bootstrap ou o
generator que você quiser
Yeoman
Generators para wordpress, angular, jquery, ionic,
backbone, polymer, express, chromeapp, bootstrap… to
infinity and beyond
yo gulp-webapp
autoprefixer jshint jslint otimizar imagens
livereload sass minificação contatenação
htaccess wiredep