phone gap vs Cordova (open source phone gap)
ionic makes development cordova dep easier
cross browser compatibility.
you can have mage cahsing show up faster than having mobile friendly website instead fo hte ios app
jquery waypoint you can make http://shoot.sh/
varnish and db on separate box(http) upstart(+git)
Many HTML5 and CSS 3 features are already implemented in at least one major browser. Modernizr tells you whether the current browser has implemented a given feature.
Check these outCSS
render tree frontend
LESS: decompiles in user makes user sloe
CSS loader animation
: be careful on memory leaks
make sure you get indexed by google
Vagrant : overlay on top of virtualbox
a script will download the OS and related software packages for all team members
concatenating files, linting and testing your code, and minification
Other Node.js CMS
nginx - The High Performance Reverse Proxy, Load Balancer, Edge Cache, Origin Server.
is an open source reverse proxy server for HTTP, HTTPS, SMTP, POP3, and IMAP protocols, as well as a load balancer, HTTP cache, and a web server (origin server)
if you remove !# you get the json not angular.
angular_view <-> angular_controller <-> angular_service <-> node_controller <-> mogodb
BEM (block element modifier
css selects backwards.
body ul li selects all lis first then uls then body
saass and less make it easier
@extend .pull-lreft, .col-md-6 .small;}
dont use a single bootstrap class in your files. combine them in your naming convention
how to get started
flatten your celectors
organize your code, put differnet css in a couple of modules.
make your classes do one thing well
decode for reusability
try a preprocessor
react last two years key note
angular is interleaved to dom, react makes this decoupled
gulp is better than grunt
library load you don't hae to reload, it will reload by anu change
display:blok-inline for dive
position fixed relative absolute
fi you add padding for scrolling fixed divs will eb shown
poiition relatvive is regardless of text
# template builder
# autogenerae sublime project file
$ npm install # installs all dependecies in the packages json file.
so grunt is installed , have grunt watch
grunt does the scaffolding
you can customize whatevr it generates whereever it generates
http://yeoman.io/ is better than grunt as it has all of it done for you. with angular nodeexpress, wordpress, java spring scala .. generators