Rob Scott

60 Flips | 4 Magazines | 5 Followers | @RobScottDEED | Keep up with Rob Scott on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Rob Scott”

Angular’s dependency injection annotation process

For those familiar with Angular’s dependency injection (DI), this post will dive into some of the “under the hood” methods that power the DI process. …

JavaScript

AngularJS Directive Design Made Easy

AngularJS Directive Design Made EasyAngularJS directives are coolAngularJS is a web application framework that makes creating complicated web …

Angular model objects with JavaScript classes

The missing piece in AngularJS<p>Unlike Backbone and Ember, AngularJS does not provide a standardized way to define model objects. The model part of …

Apps With AngularJS

Is creating mobile apps with AngularJS and PhoneGap a viable alternative to native development?

AngularJS - Handy Tricks With Developer Tools

This is a quick screencast going over a few Chrome Developer Tools tricks that I have found to be incredibly useful.<p>It has really helped me better …

AngularJS

Data Persistence in Angular 2.0

AngularJS 2.0 Data Persistence Design Doc<p>Status: Draft<p>Objective<p>This document is concerned with the design of data-focused AngularJS v2.0 modules, …

Kickstart Your AngularJS Development with Yeoman, Grunt and Bower — SitePoint

Whether you love or hate it, there’s no denying that AngularJS is the framework on every developer’s lips. It may not be for everybody, but AngularJS …

BEM: The Block, Element, Modifier Approach To Decoupling HTML And CSS

For the last couple of months I’ve been talking a lot about giving our css best practices a refresh and along the way have looked at approaches such …

CSS

How To Develop Elastic Grid Layouts In CSS

Flexible layouts are created by using relative measurements as opposed to absolute measurements. The question is relative to what? With elastic …

CSS

2 Methods For Developing Hybrid CSS Layouts

Over the last few weeks we’ve seen how to develop both fixed width and fluid layouts with html and css. Each has its pros as well as its cons. Hybrid …

Web Development

Pros And Cons Of 6 CSS Layout Patterns: Part 2

Last time we began talking about some different css layout patterns. We looked at fixed-width, fluid/liquid, elastic, and hybrid designs. Today we’ll …

Web Development

Sass And LESS: An Introduction To CSS Preprocessors

In recent weeks I’ve been looking a lot at css. I’ve looked at abstracting css, changing best practices and how to make our css more modular and …

CSS

Some Practical Guidelines For Writing CSS

Do you follow a consistent set of practices when writing your css or do you write a few lines of css that work before move on to the next line? Did …

CSS

2 And 3 Column Fluid CSS Layouts

Over the last couple of weeks I’ve offered some boilerplate code and construction details for 2 column and 3 column fixed width layouts. Let’s …

Time I

3 Column CSS Layout: Fixed Width And Centered

Last week I shared the code I use to start a 2 column fixed width layout. Today I want to expand that code and share how I’d build a 3 column layout …

Visual Design

2 Column CSS Layout: Fixed Width And Centered

One of the more common css layout patterns you’ll come across is the fixed width 2 column layout. It’s relatively easy to code and understand, though …

CSS

Pros And Cons Of 6 CSS Layout Patterns: Part 1

There are a number of css layout patterns you can use when developing a website. Your design could be of fixed-width or it could be fluid or elastic. …

Web Development

All you need to know about CSS Transitions • Alex MacCaw

A simple way of applying transitions is with CSS pseudo-classes, such as :hover. Notice we’re specifying the property name, the length of transition, …

Pattern Lab Standard Edition for Mustache

The Pattern Lab Standard Edition for Mustache is the evolution of Pattern Lab 1. Pattern Lab is still, at its core, a prototyping tool focused on …

JavaScript

Close

Atomic Design

Hey there! I wrote a book called <i>Atomic Design</i> that dives into this topic in more detail, which you can buy in paperback and/or ebook formats.<p>We’re …

Atoms

Code for America Style Guide

Elements<p>Forms<p>button-default # <button>Button</button> <button type="submit">Submit button</button> <a href="#" class="button">Link button</a> <input …

San Francisco

Angular Tips

I'm <b>Jesus Rodriguez</b>, a Sr. Developer and Sr. Technical Writer.<p>I love writing documentation and doing frontend development.<p>Have a look at some of my …

JavaScript

Responsive website using AngularJS

<b>Responsive website using AngularJS</b><p>In today’s tutorial, I’m going to show you the process of creating almost an entire website with a new library – …

Web Development

AngularJS SEO with Prerender.io

AngularJS is an excellent framework for building websites and apps. Built in routing, data-binding and directives among other features enable …

AngularJS - Unit Testing - Controllers

<b>Updated Feb 6, 2014 -</b> I'm changing this around a lot. A lot as changed since I wrote the original article and a lot has stayed the same. Most notably …