css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged typescript

Generative Backgrounds with SVG Paths

It seems that any solo game designer will eventually realize that they can't do everything well. An army of one is still just one, and one usually can't produce a game that matches a team...

AngularJS 1.x with TypeScript (or ES6) Best Practices

After working with AngularJS with TypeScript for the last couple of years there are a few best practices that seem to be missing from most tutorials.

These practices apply whether you are...

TypeScript Data Contracts

In JavaScript (and other dynamicly typed languages) data contracts are usually implimented manually. Even when data transfer objects are automatically generated breaking changes in your code will...

Making an Ocean with Angular 2.0


I used to dislike Angular a bit. Angular was one of those frameworks that were easy to recognize. I never felt like I was writing "real" JavaScript when I wrote Angular. Your...

"A Practical Start with TypeScript" Notes

Personal Notes of the Pluralsight Course A Practical Start with TypeScript by Roland Guijt.


Adds Types to JS

Open Source

Maintained by Microsoft

Transpiles to a desired JS version


TypeScript, Transmissions, and Testing

TypeScript, Transmissions, &Testing

For a few months, I have seen articles that say that you don’t need TypeScript. This is absolutely true. You don’t need it. When WebAssembly is supported,...

Getting to know Typescript Part 1.



I normally like my Javascript like my ice cream: plain and Vanilla, but that doesn't mean I am not open to new flavors, TypeScript seems to be one of those new Javascript...

Getting to know Typescript Part 2.



Let's check out more Typescript ! These will still be very beginner friendly Typescript code samples, but hopefully we will end up with a general overview of what typescript...

Getting to know Typescript Part 3.



Somehow overdue cause I moved countries, here is the final look at Typescript, let's check out some of the other things that Typescript has to offer.

Check out the other...

Record Audio with Ionic3

   import { Component } from '@angular/core'; import { NavController, NavParams, Platform } from 'ionic-angular'; import { File } from '@ionic-native/file'; import { FilePath...

I··C··D··O··T··S (––and––lines––)

I··C··D··O··T··S: A Web App Game

tl;dr - take me to the game already!

ICDots is a board game for 2-7 players who will take turns selecting lines to form boxes. Scoring is 1 point per box pinned....

typescript string index signature


  class Sample { color: number, [propName: string]: any; } 

This basically says all/some of the properties of this class is of type any.

You can use this approach in css modules



Spread and Rest ... but don't get too comfortable.

Just when I was getting comfortable with JS and TS, I run across something I have never seen before..

  let someChild = {children:[{id:1},{id:2}]} let someObject =...