JRohatiner jrohatiner

angular js responsive layout with horizontal menu

angular js material design layout with horizontal menu. 4 rows, 1, 2 3 columns per row. header, footer. Starter styles based on material styling and html5.

A Pen by Judith on CodePen.

License.

Latency numbers every programmer should know

L1 cache reference ......................... 0.5 ns
Branch mispredict ............................ 5 ns
L2 cache reference ........................... 7 ns
Mutex lock/unlock ........................... 25 ns
Main memory reference ...................... 100 ns             
Compress 1K bytes with Zippy ............. 3,000 ns  =   3 µs
Send 2K bytes over 1 Gbps network ....... 20,000 ns  =  20 µs
SSD random read ........................ 150,000 ns  = 150 µs

Read 1 MB sequentially from memory ..... 250,000 ns = 250 µs


	<ul class="tabs">
	<li class="tab-link current" data-tab="tab-1">Tab1</li>
	<li class="tab-link" data-tab="tab-2">Tab2</li>
	</ul>

	<div class="tab-content">
	<div id="tab-1" class="tab-data current">
	123
	</div>

	import {Injectable, NgModuleFactory, NgModuleFactoryLoader, Compiler, Type} from '@angular/core';

	class LoaderCallback {
	constructor(public callback) {}
	}

	export let load: Type = (callback: Function) => {
	return new LoaderCallback(callback);
	};

	{
	"data" : [
	{ "id": 1, "name":"Acc-101","value":9999,"chngPct":-0.1,"chngVal":111},
	{ "id": 2, "name":"Acc-202","value":888,"chngPct":0,"chngVal":0},
	{ "id": 3, "name":"Acc-303","value":77,"chngPct":0.123,"chngVal":111}
	],
	"info" : {
	"records": 8,
	"next": true
	}

	###############################
	# Core EditorConfig Options #
	###############################
	root = true

	# All files
	[*]
	indent_style = space

	# Code files

	My Awesome Sketch
	First State
	some event -> Second State
	Second State
	Third State
	some event -> Forth State
	Forth State

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console