Category Archives: Google

Debugging AngularJS Apps from the Console

We can access any scope even isolated ones! on the page with a simple JS one-liner:> angular.elementtargetNode.scope-> ChildScope {$id: “005″, this: ChildScope, $$listeners: Object, $$listenerCount: Object, $parent: Scope…}Or for isolated scopes:> angular.elementtargetNode.isolateScope-> Scope {$id: “009″, $$childTail: ChildScope, $$childHead: ChildScope, $$prevSibling: ChildScope, $$nextSibling: Scope…}Where targetNode is a reference to an HTML Node. You can grab one easily using document.querySelector.

via Debugging AngularJS Apps from the Console.

Front-end Code Standards & Best Practices | Roundarch Isobar

Front-end Code Standards & Best Practices

Overview

This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Roundarch Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices.

via Front-end Code Standards & Best Practices | Roundarch Isobar.

Excellent and in depth notes on things every web developer should either know or be aware of.

Getting Started – Google Font API

You can start using the Google Font API in just two steps:

Add a stylesheet link to request the desired web font(s):

Style an element with the requested web font, either in a stylesheet:

CSS selector {

font-family: ‘Font Name’, serif;

}

or with an inline style on the element itself:

Your text

Note: When specifying a web font in a CSS style, always list at least one fallback web-safe font in order to avoid unexpected behaviors. In particular, add a CSS generic font name like serif or sans-serif to the end of the list, so the browser can fall back to its default fonts if need be.

For a list of web fonts you can use, see the Google Font Directory.

via Getting Started – Google Font API – Google Code.