What is Traceur?

In Components, Google, Javascript by bchesleyLeave a Comment

Traceur is a JavaScript.next-to-JavaScript-of-today compiler that allows you to use features from the future today. Traceur’s goal is to inform the design of new JavaScript features which are only valuable if they allow you to write better code. Traceur allows you to try out new and proposed language features today, helping you say what you mean in your code while …

Debugging AngularJS Apps from the Console

In AngularJS, Chrome, Debugging by bchesleyLeave a Comment

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. …

Front-end Code Standards & Best Practices | Roundarch Isobar

In Chrome, CSS, Dev Tools, HTML5, Javascript, Site Optimization, Web Standards by bchesleyLeave a Comment

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 …

Getting Started – Google Font API

In CSS, Google by bchesleyLeave a Comment

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 …