In my experience, most developers that are new to AngularJS tend to over use the ng-show and ng-hide directives. The truth of the matter is that the ng-if directive is very similar, with one subtle but important difference. ng-if ng-if will remove elements from DOM. This means that all your handlers or anything else attached […]
Using $stateChangeSuccess to conditionally set $scope variables
I ran into an interesting issue recently. Using UI-Router, I a ui-vew with a nested ui-view. As the state was changed, I needed the 1st view to slide half way onto the page. Then as the second view was activated, the 1st view would completely slide in, revealing the second view. This sounds like a […]
2014 Front Porch Front-End Developers Conference
The 2nd Annual Front Porch Front End Developers Conference was recently held in Dallas, Texas at the Granada Theater. It was a great day of learning and networking. Many thanks to Chris Willams and Mina Markham for organizing this year’s event and to all the sponsors who made it possible. I have published a series […]
Context Aware CSS
Presented by Matthew Carver at the 2014 Front Porch Front End Web Developer Conference in Dallas, Texas. @matthew_carver www.manning.com/carver Content is critical. But content needs context. Defining Contextual Awareness Applications in web design level 4 media queries Summary Use javascript to connect user to the design. Sensors establish context @media(sensor) { //adjustment } Disseminating active […]
Developing Mobile Apps with The Ionic Framework
662 lines of code “So you’ve got a great app idea?” Join the crowd… Hybrid Apps! HTML5 that acts like native Web wrapped in native layer Direct access to native APIs Cordova/PhoneGap These are not the hybrids you’re looking for – Hybrids have a bad reputation Hybrid Apps can be beautiful – showcase.ionicframework.com ionic = […]
SMACSS Your Sass Up
Presented by Mina Markham at the 2014 Front Porch Front End Web Developer Conference in Dallas, Texas. @minamarkham @gdiDFW mina.so/smacss mina.so/sassyStarter Modular CSS architecture CSS is easy. HARD Modular CSS Break down sites into modular components Small independent pieces that are portable Modular, Pattern, Component, etc Scalable Modular Architecture for CSS SMACSS is not a Framework, it is an […]
Deploying Websites with Capistrano
Presented by Andrew Turner at the 2014 Front Porch Front End Web Developer Conference in Dallas, Texas. @galenandrew lanyrd.com/sdchkf Aq1 – The conversion optimization agency Common Deployment Methods Server-side Editing FTP Upload File Syncing Live Remote Repositories Post-receive Hooks/Webhooks Third Party Deployment Services Continuous Integration Deployment Chalenges Often a manual process High risk of error (easy […]
Intro to WebGL and Three.js
Presented by David Lyons at the 2014 Front Porch Front End Web Developer Conference in Dallas, Texas. @davidscottlyons davidscottlyons.com/threejs WebGL JavaScript API for rendering interactive 2d and 3d graphics in the browser <canvas> element. three.js 3D JavaScript Library 100’s of lines of raw WebGL code can be written in just a few lines with three.js All three.js […]
SVG Strikes Back
Presented by Matt Baxter at the 2014 Front Porch Front End Web Developer Conference in Dallas, Texas. @mbxtr bit.ly/svg-strikes-back SV-what? Scalable Vector Graphics or So very good SVG is for any illustrated vector images logos icons Scalability Vector – stays crisp Raster – gets blurry File Size SVG – 2kb PNG – 88kb True resolution independence Responsive […]
How Kids Learn
Presented by Chirag Gupta at the 2014 Front Porch Front End Web Developer Conference in Dallas, Texas. @chicagogupta @texascode @bigdcode Only 5 computer science teachers in the DISD system. How old were you when you started coding? Jack Dorsey – 8 Dev Gupta – 10 Bill Gates – 13 FACT: Texas ranks 31 on the science and engineering […]