Apache Cordova phone gap vs Cordova (open source phone gap) cross browser compatibility. you can have mage cahsing show up faster than having mobile friendly website instead fo hte ios app 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. preprocessors SASS: LESS: decompiles in user makes user sloe CSS loader animation Javascript Animations http://mobile.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/ Frontend Templating Virtual machines hosting Virtual Machines Vagrant : overlay on top of virtualbox a script will download the OS and related software packages for all team members node.js CMS https://ghost.org/ blog http://gruntjs.com/ The JavaScript Task Runner concatenating files, linting and testing your code, and minification Test (behavioral) Other Node.js CMS https://ghost.org/ blog Mean stack: (Mongo, Express, Angular, Node) 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 Devtools
CSS framworks media object smacss BEM (block element modifier never use ids for css styling. are ok for javascript but not css css selects backwards. body ul li selects all lis first then uls then body unordered_list_in_body_reversed saass and less make it easier checkout http://fullstackradio.com/ sass extend primary-rail{ @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 Checkout react gulp is better than grunt saas 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 $ grunt-init # 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 |
Good Stuff > Talks >