There are NPM packages for implementing various analytics providers in Angular 2 but for simpler requirements there isn't always a reason to include Yet Another Dependency. At it's most basic implementation what we usually need to do is track pageviews. To do so we need to watch the Angular 2 router (or your router of… Continue reading Google Analytics Pageview and Angular 2
Category: Web Development
Loading Localhost from Mac to iPhone and Android
Testing your local environment against Xcode and Browserstack is great but at the end of the day they are still just emulators. If you need to test against an actual mobile device it is useful to load your current local environment on a mobile device and do your testing immediately before you push to a… Continue reading Loading Localhost from Mac to iPhone and Android
TypeError: Cannot read property ‘visitStatement’ of undefined
Quick tip: When working in Angular 2 if you get an error that looks like: EXCEPTION: TypeError: Cannot read property 'visitStatement' of undefined Or: EXCEPTION: Error: Uncaught (in promise): TypeError: Cannot read property 'visitStatement' of undefined Try checking your code for an empty 'click' event binding (<component (click)=""></component>). If the event is left empty it can… Continue reading TypeError: Cannot read property ‘visitStatement’ of undefined
Stress Testing with Loader.io
Sendgrid Labs has a great tool for stress testing sites and applications called Loader.io. To get started all you need to do is upload a small text file with a unique key from Loader.io into the root of your site to verify ownership, then start running your tests. In the free version you can hit… Continue reading Stress Testing with Loader.io
Dealing with CSS Color Variables
What methods are you and your teams using to define Sass and LESS or CSS color variables? Colors are one of those things that can be interpreted differently pretty easily, and are used throughout your entire project. One method that has worked well for some of my teams thus far is to use a single defined source… Continue reading Dealing with CSS Color Variables
No is an Acceptable Answer
When used appropriately, “No” can be our most powerful tool. Truly powerful “no” users employ it in the following ways: No, but... ... we could always try 'x.' We don't need to be a yes-people or flip-flop on our opinions but we do need to give reasonable alternatives to the desired course of action. Simply saying 'no'… Continue reading No is an Acceptable Answer
Angular 2 – What’s New
This post on Angular 2 was co-authored by Landon Cline It’s no secret that the JavaScript world is moving incredibly quickly to the point of exhausting anyone actively involved in developing products using a remotely ‘modern’ JS style. With your JavaScript fatigue on the backburner, let’s talk Angular 2. Why the fuss over a version… Continue reading Angular 2 – What’s New
Equalizing Ranges with JavaScript
Occasionally you'll run into a problem where you have two or more ranges that you need to equalize. This is probably most common when charting or using graphs but also comes in to play when using things like HTML5 range sliders where you need to make a dynamic slider that has a range from 0 -… Continue reading Equalizing Ranges with JavaScript
Building CSS Transitions with Chrome DevTools
Animation style, acceleration, deceleration and motion are all very important things to consider when designing a user interface. Luckily most of these can be implemented using CSS transitions. One of the easiest ways I've found to edit own transition and animation styles outside of the few keywords that have good browser support such as linear, ease-in,… Continue reading Building CSS Transitions with Chrome DevTools
Loading Localhost from Mac on your iPhone or Android
Testing your local environment against Xcode and Browserstack is great, but they're still just emulators. If you need to test against an actual mobile device it's useful to load your current local environment on a mobile device and do your testing immediately before you push to a remote server. The following instructions are pretty specific… Continue reading Loading Localhost from Mac on your iPhone or Android