clindsey

InuitCSS

File Organization

An explanation of ITCSS.

• Settings: Used with preprocessors and contains font, color definitions, etc.
• core:

mjackson

var PIXI = require('pixi.js')
console.log(PIXI)

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

clindsey

General

data visualization catalog - data viz cat

The Perception Problem

I hate stacked area charts

Cohort Charts

clindsey

CSS recommended reading

CSS is a crazy person, it belongs in a dungeon.

Development

👍 ITCSS - settings, tools, generic, base, objects, components, trumps

Styleguide Driven Development - a practice that encourages the separation of UX, Design & Frontend from Backend concerns

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

clindsey

<?xml version="1.0"?>
<root>
  <!-- HELP RESOURCES - http://pqrs.org/macosx/keyremap4macbook/xml.html.en -->
  <!-- KEY LOOKUP - https://github.com/tekezo/KeyRemap4MacBook/blob/version_8.0.0/src/bridge/generator/keycode/data/KeyCode.data -->
  <!-- MODIFIER KEY LOOKUP - https://github.com/tekezo/KeyRemap4MacBook/blob/version_8.0.0/src/bridge/generator/keycode/data/ModifierFlag.data -->
  <item>
    <name>Razer Naga with OSX</name>
    <item>
      <name>browser navigate forward/back with keypad 7/9</name>
      <identifier>private.browser_nav_with_num</identifier>

gavinheavyside

require 'rubygems'
require 'sinatra'

require 'fileutils'

# upload with:
# curl -v -F "data=@/path/to/filename"  http://localhost:4567/user/filename

post '/:name/:filename' do
  userdir = File.join("files", params[:name])