Readings for Lunch — [ 23 Apr 2018 ]

IMAGE OF THE DAY
The phenomenon of “crown shyness,” where trees avoid touching (source)

ENCRYPTION

Helvetica is now an encryption device

[…] researchers have figured out a way to embed encryption into typed blocks of text on paper.
Their secret weapon?
Helvetica and Times New Roman.

SYSTEM DESIGN

Cracking the system design interview

If you’re a fresh graduate with no experience in large-scale distributed systems, or even a seasoned engineer with years of experience under your belt, this article will be useful for you.

Readings for Lunch — [ 20 Apr 2018 ]

IMAGE OF THE DAY
Kitty Shark (source)

WEB DEVELOPMENT

Why it took a long time to build that tiny link preview on Wikipedia

Via Claudia Romano
On the surface it looks quite simple. It’s something many websites have already. It has an image and some text and shows when you hover over a link. Hardly groundbreaking stuff … or so it may seem.

TYPOGRAPHY

Helvetica Is Now An Encryption Device

Researchers have figured out a way to embed encryption into typed blocks of text on paper. Their secret weapon? Helvetica and Times New Roman.

Readings for Lunch — [ 19 Apr 2018 ]

IMAGE OF THE DAY
Lettering by Lubalin studio (source)

WEB

History of the browser user-agent string

And behold, then came a new web browser known as “Mozilla”, being short for “Mosaic Killer,” but Mosaic was not amused, so the public name was changed to Netscape.

WEB

Maintaining An Independent Browser Is Incredibly Expensive

I worked at Mozilla for a long time. Over the last five years, we were constantly butting up against headcount limits, having more work than we had people to do it. 1,200 people is barely enough.

Readings for Lunch — [ 18 Apr 2018 ]

IMAGE OF THE DAY
Actions for Happiness – We all feel sad at times. It’s perfectly natural. Fortunately there are lots of simple actions that can help (source)

JAVASCRIPT

ES modules: A cartoon deep-dive

Many JavaScript developers know that ES modules have been controversial. But few actually understand how ES modules work. Let’s take a look, using cartoons, at what problem ES modules solve and how they are different from modules in other module systems.

CODE REVIEW

Radical Candor in Code Review

Ian Feather's shares his take-aways on a new book, called Radical Candor, and how one can apply the principles and approaches illustrated in the book to the process of code review.

Readings for Lunch — [ 17 Apr 2018 ]

IMAGE OF THE DAY
Beyoncé at Coachella (source)

Tip: if you haven't seen this incredible, history-making performance, you can watch the full concert here.

DESIGN

Optical adjustments in components

Every time you look at a computer interface, your brain is trying to fool you. No matter how hard you try to make things look aligned, the eye of the beholder will often disagree.

WEB DEVELOPMENT

Scroll to the future

Everything you always wanted to know about implementing scrolling but were afraid to ask. We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.

Readings for Lunch — [ 13 Apr 2018 ]

IMAGE OF THE DAY
The crowd at React Amsterdam 😱 (source)

REACT

D3 & React

This has been the most impressive talk of the morning. How D3 and React can work together (without competing for the DOM) to create unbelievable data visualisations.

REACT

setState Machine

How to use State Machines in React to make your application's UI deterministic, predictable and automatically testable, managing the state of the components with Automata.

Readings for Lunch — [ 12 Apr 2018 ]

IMAGE OF THE DAY
When everyone at home messes up with your Netflix account… problem solved. (source)

THINK

The Eponymous Laws of Tech

“I decided to collect some of the little nuggets of wisdom attributed to people. Found in conference talks which I then repeat in meetings to sound smart, the Eponymous Laws of Tech are sometimes humorous observations and sometimes based on real academic research.”

TOOLS

Corporate Ipsum

Designed to facilitate the needs of corporate paper-pushers everywhere.

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking. Organically grow the disruptive innovation via workplace diversity and empowerment.

Readings for Lunch — [ 11 Apr 2018 ]

IMAGE OF THE DAY
“Fishes” from the Stuckist artist Bamba Mafa (usually performing in the Tower Bridge underpass).

MANAGEMENT

Facilitating Awesome Meetings

Meeting facilitation is a critical leadership skill that’s often overlooked. Excellent meeting facilitation means that the attendees know why they’re there, they get equal participation time, and your meeting’s goal or deliverable is achieved in a timely and productive way.

THINK

The Cobra Effect

The cobra effect occurs when an attempted solution to a problem makes the problem worse, as a type of unintended consequence. The term is used to illustrate the causes of incorrect stimulation in economy and politics.

Readings for Lunch — [ 10 Apr 2018 ]

IMAGE OF THE DAY
Elisa – Jazz Café London 08/04/18 (source)

FONTS

Songwriters fonts

Write songs as the ones who inspired you before.
The Songwriters fonts have been created to give musicians inspiration. Writing lyrics with the handwriting of influential songwriters helps imagination to develop.
Being in the mood of Bowie, Cobain, Cohen, Gainsbourg, Lennon, might be purely imaginative… but that's precisely the point.

TEXT FORMAT

TSV, better than CSV

Lately, I’ve been getting a few questions on why one should use .tsv files since CSVs are “standard” and virtually everyone knows how they work — so I wanted to clarify this once and for all.

Readings for Lunch — [ 09 Apr 2018 ]

IMAGE OF THE DAY
The ‘Mercury’ streamliner, designed by Henry Dreyfuss for the New York Central Railroad (source)

FRAMEWORKS

Yep, JavaScript Moves Fast. Build Your Component Library Anyway.

Here’s a question I’ve heard a few times recently: “What if we create a component library in React/Vue/Angular/whatever and a new component technology replaces it?”. Cory House has the perfect answer.

SECURITY

The dots do matter: how to scam a Gmail user

A very subtle way to scam a user in adding their credit card number to the wrong account on Netflix (or other services). Be careful out there!

Readings for Lunch — [ 05 Apr 2018 ]

IMAGE OF THE DAY
Masha Ivashintsova (1942−2000) – Photography works by my mother, which I found in our attic after she passed away (Leningrad, USSR) (source)

MODELS

Margaret Hamilton, NASA's First Software Engineer

When it comes to Margaret Hamilton's career, she literally shoots for the moon. Hamilton discusses joining NASA as their first software engineer and creating the software that launched the Apollo 11 first manned mission to the moon.

MODELS

Beatrice Vio, wheelchair Paralympic fencing champion

Beatrice Vio cultivated a passion for fencing when she was five years old. At 11, she contracted severe meningitis. In the hospital, the doctors gave her an unimaginable choice: keep her limbs and risk death, or amputate all four to ensure survival. She chose life.

Readings for Lunch — [ 03 Apr 2018 ]

IMAGE OF THE DAY
Encyclopaedia of Pasta by Chasing Delicious (full-size image)

WORK

What comes after senior developer?

How to deal with the problem that there seems to be an upper limit to technical careers: at one time in our career we have a decision to make if we want to keep being technical or moving into management. It sounds odd, but there is a lot of truth to it.

EVENTS

Presenting Work With Confidence

In a couple of weeks Mike Monteiro, renowned (and controversial) designer, speaker and author, will held a workshop in London. He will share his techniques and ideas on how to deliver effective presentations, how to ask for feedback and how to "take charge of the room".

Readings for Lunch — [ 29 Mar 2018 ]

IMAGE OF THE DAY
Grace Helmer’s intricate paintings and sketchbook pages from a trip to Japan and Taiwan (source)

AGILE

Notes & pics of the Agile Manifesto meeting

Alistair Cockburn shares some more notes and pics of the Agile Manifesto meeting.

UI

Handling spacing in a UI component library

Building a highly consumable UI component library is no easy feat and this article will focus on one particularly tricky aspect of it: outer component spacing.
By outer, it means spacing that is not internal to a component.

Readings for Lunch — [ 29 Mar 2018 ]

IMAGE OF THE DAY
Grace Helmer’s intricate paintings and sketchbook pages from a trip to Japan and Taiwan (source)

AGILE

Notes & pics of the Agile Manifesto meeting

Alistair Cockburn shares some more notes and pics of the Agile Manifesto meeting.

UI

Handling spacing in a UI component library

Building a highly consumable UI component library is no easy feat and this article will focus on one particularly tricky aspect of it: outer component spacing.
By outer, it means spacing that is not internal to a component.

Readings for Lunch — [ 28 Mar 2018 ]

IMAGE OF THE DAY

PYTHON

Breaking a wine glass in Python

Kirk Kaiser tried to write a program to detect the resonant frequency of a glass, and break it…

ALGORITHM

An ongoing series of nonverbal algorithm assembly instructions

IDEA is a series of nonverbal algorithm assembly instructions by Sándor P. Fekete, Sebastian Morr, and Sebastian Stiller.
They were originally created for Sándor’s algorithms and data structures lecture at TU Braunschweig, they publish them here so that they can be used by teachers, students, and curious people alike.

Readings for Lunch — [ 27 Mar 2018 ]

IMAGE OF THE DAY
Lux Noctis (source)

ARTIFICIAL INTELLIGENCE

Using Deep Learning to improve FIFA 18 graphics

Game Studios spend millions of dollars and thousands of development hours designing game graphics in trying to make them look as close to reality as possible…

COLORS

The crazy stories behind 6 of the world’s rarest colors

There’s a rare collection tucked away in the Harvard Art Museums–but not of art. It’s the Forbes Pigment Collection, a vault of more than 2,500 pigments from across the world[…]

Readings for Lunch — [ 26 Mar 2018 ]

IMAGE OF THE DAY
I have no responsibility to live up to what others expect of me. That's their mistake, not my failing. (source)

PROJECT

Project from hell

A few years ago, I was hired to work as a consultant on a software project for a large French tech company.
What I have witnessed there is beyond everything I could possibly have imagined in terms of software engineering.

CSS

CSS in the Age of React: how we traded the cascade for consistency

With hundreds of engineers, developers and designers working on Yelp, ensuring visual consistency across Yelp is a challenging task. We’ve been migrating our web components from Yelp Cheetah to React…

Readings for Lunch — [ 20 Mar 2018 ]

IMAGE OF THE DAY
miao (source)

DESIGN

V6: Color

A new approach to one of my biggest design weaknesses, using basic color theory, HSL, and Sass.

CAREER

A career cold start algorithm

Over time, I realized that the natural instinct to push for early impact leads many incoming leaders into challenging relationships as they expose their knowledge deficit and waste time.
So, I developed an algorithm that has helped me ramp up quickly…

Readings for Lunch — [ 19 Mar 2018 ]

IMAGE OF THE DAY
Australia’s largest outdoor gallery: the Silo Art Trail, Victoria (source)

MENTAL HEALTH

A day in the life of someone with OCD

One of the hardest things about living with OCD is feeling unsupported.
People tell you to ‘get over yourself’ and insist it’s ‘not that bad’.
That’s because people tend to associate OCD with someone who likes organizing their drawers or colour-coding their wardrobes.

CSS

Using CSS variables correctly

CSS Variables are now supported in all modern browsers and people are starting to use them in production.
This is great but they’re different from variables in preprocessors and I’ve already seen some examples of people using them without considering the advantage they offer.

Readings for Lunch — [ 13 Mar 2018 ]

IMAGE OF THE DAY
Realifecharts – Lovely charts from found objects by Michelle Rial (source)

JAVASCRIPT

Habits of Successful React components

In this post Jack Franklin shares a set of guidelines that he has come up over the last few years, and that he tends to follow when writing React components.

LIFE

How to Build Any Habit

There are four steps to building a habit: clarifying, pairing, measuring, and iterating. Using this framework, Helen Tran was able to go from couch potato to physique competitor and long-distance hiker, bilingual to trilingual, and designer to design manager.