15 Ways to Write Self-documenting JavaScript

A few handy pointers to keeping your code readable: Some programmers include comments as part of self-documenting code. In this article, we’ll only focus on code. Comments are important, but they’re a large topic to be covered separately. We can split the techniques for self-documenting code into three broad categories: structural, where the structure of …

Find relevant emoji from text on the command-line with emoj

Geekfun: emoj is written in Node and uses the Dango API, which helps you quickly find emoji by understanding what you type using deep learning. Installation via npm (requires Node >= 4): npm install –global emoj emoj Source (GitHub) → Dango: Teaching Robots to Feel: Emoji & Deep Learning 👾 💭 💕 →

Upload directly from Lightroom to Instagram with LR/Instagram

LR/Instagram is an unofficial publish plugin for Lightroom, allowing you to post photos directly to your Instagram account. Simply install the plugin, add new service in Lightroom Publishing Manager and authenticate with your Instagram account. LR/Instagram – Lightroom Publish Plugin for Instagram →

Typography for User Interfaces

Viljami Salminen: Since my early days in the industry, I’ve grown to love type and all the little nuances that go into setting it. In this article, I want to share some of the fundamentals that I’ve learned, and hopefully help you get better at setting type for user interfaces. Typography for User Interfaces (Article) …

Spoiled.io – Game Of Thrones Spoilers as a Service

Now this is pure evil: Spoiled.io is a service that, for $0.99 per friend, allows you to enter a cell phone number and have them “anonymously and ruthlessly” texted the latest Game Of Thrones spoilers after each new episode airs. Spoiled – Ruin Game of Thrones For Your Friends, Automatically →

Mediaqueryless Responsiveness

Slides of the – highly entertaining – talk @Vasilis gave at CSS Day 2016 in which he elaborated on a few techniques he experimented with in order to get responsive-like sites without using any media queries. Some neat tricks include: Calling it “active whitespace” instead of floats getting stacked up 😛 Setting a unit-ed value …

The New Google Fonts

The new Google Fonts makes it easier than ever to browse our collection of open source designer fonts and learn more about the people who make them. Using the Material Design framework, we created a design that scales across different screen sizes and devices, and updated the entire look and feel of the site, from …

Stress test your design with forceFeed.js

Fun script by Heydon Pickering, whom you might know from the lobotmized owl selector, and quantity queries with CSS. Static mockups are liars. They only show the designer’s content. The forceFeed.js script is designed to help you test your design’s tolerance for variable, dynamic content. A tiny script that “force feeds” HTML elements with random …

From Coffeescript to ES6 ES2015

At work we used write most of JavaScript in Coffeescript. Used to. In our most recent projects we now write ES6 (in combination with Babel). In the transition from Coffeescript to ES6, I found these resources helpful: Moving to ES6 from CoffeeScript → CoffeeScript equivalents in ECMAScript6/ES2015 → Decaffeinate: CoffeeScript in, ES6 out → Decaffeinate …