80by20

43 Flips | 2 Magazines | 13 Likes | 4 Following | 1 Follower | @80by20 | Keep up with 80by20 on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “80by20”

Eli's Perceived Performance Talk

Perceived Performance<p>The only kind that really matters.<p>Since there's no recording of this talk, press 'S' for speaker notes!<p>Hi, I'm Eli.<p>I make weird …

InterAct

Eve

Flexible typography with CSS locks

In early 2012, I shared a formula for “molten leading”, or fluid line spacing. Experienced typographers know that long lines of text need more line …

Seven Surprising JavaScript 'Features'

Over the last couple of months I’ve made a few enhancements to JSHint, mainly as a way of learning ES6 (I’m most proud of re-implementing variable …

4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them

In this article we will explore common types of memory leaks in client-side JavaScript code. We will also learn how to use the Chrome Development …

Project Setup

Building cross platform apps for desktop operating systems became really simple compared to the past. With GitHub’s Electron is a framework available …

Start your own JavaScript library using webpack and ES6

Two months ago I published a starter pack for React based on webpack. Today I found out that I need almost the same thing but without the React bit. …

ES6 Overview in 350 Bullet Points

My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6. This article aims to summarize all of those, …

Secrets behind the success of Monument Valley

In the award-winning video game <i>Monument Valley</i>, a faceless and voiceless character named Princess Ida leads users through a series of architectural …

Angular 2 Master Class - Getting Started

AngularJS Days 2015<p>Exploring Angular 2<p>Welcome!<p>About us<p>Christoph Burgdorf<p>Pascal Precht<p>Todays plans<p><b>ES2015/TypeScript Basics</b> - Classes, Decorators, …

Design+Code - Learn to design and code an iOS 11 app

44 hours of video course for learning Xcode 9, Swift 4, Sketch, Framer, from conception to the App Store. An interactive book on how to design and …

Welcome to ERights.Org

<b>Open Source<br>Distributed Capabilities</b><p>Welcome to <i>ERights.org</i>, home of <i>E</i>, <br>the secure distributed persistent language<br>for capability-based smart …

Programming

ECMAScript 6 equivalents in ES5

<i>Please note this document is very much a work in progress. Contributions are welcome.</i><p><b>Table of contents:</b><p>Arrow Functions<br>• Block Scoping Functions<br>• Template …

JavaScript

Perfecting a CSS 3D animation

With recent advances in front end technologies, front end developers have been going crazy, pushing CSS to its limits and doing all sorts of …

Provides simple and unique development tutorials

Metadata as defined by the National Information Standard Organization is the structured information which describes, explains, and locates an …

7 Essential JavaScript Functions

Read the full article at: 7 Essential JavaScript FunctionsI remember the early days of JavaScript where you needed a simple function for just about …

ES6 In Depth: An Introduction

Welcome to <i>ES6 In Depth</i>! In this new weekly series, we’ll be exploring ECMAScript 6, the upcoming new edition of the JavaScript language. ES6 contains …

Center and crop images with a single line of CSS

Using <b>object-fit: cover</b><p>It’s simple. Set your image crop dimensions and use this line in your CSS:<p>That’s it. No need for unsemantic, wrapping <b>div</b>s or …

Generation Javascript

<i>Published on 30 December 2014</i><p>I’ll start by saying that this is not a rant, but rather a cry of despair that I’m repeating and that slowly – but …

Retinafy your web sites and apps

Don't waste your time doing weeks of research to see what works on “Retina”.<p><i>Just Updated to make your web sites shiny on iPhone 6 and Phablets</i><p>Now …

CSS Animated Headlines

To work in a 3D space, we need to set a perspective value, otherwise animated elements will look flat. Remember: the Perspective property shouldn't …

The State of HTML5 Gaming

Browser based Games<p>Not that long ago, the idea of playing video games in your browser seemed like fantasy. Oh sure, we’ve had simple DOM card/board …

JavaScript Application Architecture On The Road To 2015

I once told someone I was an architect. It’s true in a way since I now have to design an intricate web of lies to back it up. On a serious note, I …

Elastic SVG Elements

View demo Download sourceToday we’d like to share some inspiration for adding elasticity to elements. The idea is to integrate an SVG element into a …

Images Are King: An Image Optimization Checklist for Everyone in Your Organization

We all know the expression “content is king.” But if we want to be more specific, we really need to clarify that, on the web, images are king. (As a …

Design+Code - Learn to design and code an iOS 11 app

44 hours of video course for learning Xcode 9, Swift 4, Sketch, Framer, from conception to the App Store. An interactive book on how to design and …

Designer's guide to DPI

This guide is designed as a "get started" or introductory read for the starting to intermediate designer who wants to learn or get more knowledge …

MacBook Pro