Readings for Lunch — [ 05 Jun 2018 ]

IMAGE OF THE DAY
Broken things by Chilean artist Livia Marin. (source)

REACT

Beyond React

React fundamentally changed how we build UI in JavaScript, yet the principles behind React are equally powerful outside the JavaScript ecosystem.
What if we could build a design tool based on these principles, allowing us to design flexible, composable component systems?
What if we could transpile these components into any language on any platform, such as a Swift components on iOS, or Kotlin components on Android?

JAVASCRIPT

Event delegation in JavaScript

In this article, Aurelio De Rosa discuss how a web developer can optimize the addition of event listeners in all these situations by employing a technique called event delegation.

Readings for Lunch — [ 04 Jun 2018 ]

IMAGE OF THE DAY

PEOPLE

Neha's Story

Neha Sharma's talk was one of the most inspiring (and moving) talks at JS Conf EU. She managed to create a community of more than 2000 JS developers, against all the social restrictions a woman has in India. Here is her amazing story.

JAVASCRIPT

10 Things I Regret About Node.js

Ryan Dahl, creator of Node.js, in his closing keynote looks back at the "errors" he made in these years while around the Node ecosystem. Here the slides of his talk.

During the talk he announced Deno: a secure TypeScript runtime on V8 that aims to undo some of these errors and offer a better platform for JavaScript development on both client and server.

Readings for Lunch — [ 01 Jun 2018 ]

IMAGE OF THE DAY

TALK

The web is not just left-to-right

The amazing talk about web typography, fonts, CSS and writing directions that Chen Hui Jing gave this morning.

(Did you know that a Chinese font has more than 60.000 glyphs?!)

GENDER

Women’s visibility in academic seminars: women ask fewer questions than men

“Furthermore, our observations indicated that the gender of the first person to ask a question predicted the gender imbalance in subsequent questions, with proportionally fewer questions asked by women when a man was the first to ask a question.”

Readings for Lunch — [ 31 May 2018 ]

IMAGE OF THE DAY
GDPR ante litteram 🙂 (source)

REACT

x0

Zero-config React development environment & static site generator. Created by the incredible folks at Compositor.

TOOLS

Mak

Mak is an online, universal notepad. It syncs with your Gists (otherwise saves the data in local storage, so be carful to not delete it). Very interesting concept.

Readings for Lunch — [ 29 May 2018 ]

IMAGE OF THE DAY
The first image from one of the four cameras aboard NASA's new planet-hunting satellite. You’re looking at more than 200,000 stars in this remarkable image. (source)

DEVELOPMENT

Spring clean your dev machine

Development machines can build up such a lot of cruft. Old versions, oudated programs and unused caches litter the hard drive. It’s good to take time once in a while to clean all of this up and free up some space.

DEVELOPMENT

Text editing techniques every Front-End developer should know

Ben Frain shares what he considers some of the most useful or perhaps underused text editing techniques that pays to know about and that you will able to perform with fluidly in your editor or IDE of choice.

Readings for Lunch — [ 22 May 2018 ]

IMAGE OF THE DAY
New robot, daisy, disassembles iPhone to reclaim precious materials (source)

CODE

Stop writing code

An awesome presentation by Sunil Pai at React Europe

FEEDBACK

How to take criticism

To talk about taking criticism, we first have to talk about why we’re here.
We’re here because we design things.
Sometimes, we get so wrapped up in what we do, we forget we’re designing for people. We forget how what we make adds to an already crowded world.

Readings for Lunch — [ 21 May 2018 ]

IMAGE OF THE DAY
A Sea Bubble electric maritime flying taxi drives along the river Seine in front of the Eiffel Tower
(source)

ARCHITECTURE

GitHub: scaling on Ruby, with a nomadic tech team

"C, Shell, Ruby — quite a simple, monolithic stack.
We’re really not an overcomplex shop, we don’t intend to try and drop new languages for every small project."

TRUST

How to build (and rebuild) trust

Trust is the foundation for everything we do.
But what do we do when it's broken?
In an eye-opening talk, Harvard Business School professor Frances Frei gives a crash course in trust

Readings for Lunch — [ 18 May 2018 ]

IMAGE OF THE DAY
Culture, Leadership & People (source)

TOOLS

Gulp@next

The next release of Gulp, a well-known building system, will see a lot of breaking changes. Here an overview of the most imporant ones, and the reasons behind them.

TOOLS

PixelSnap

"The fastest way to measure everything on screen." they say. Well, I must admit it's very useful*, especially if you are a designer 🙂

* though, I must admit, is not cheap 🙂

Readings for Lunch — [ 16 May 2018 ]

IMAGE OF THE DAY
Ask me anything – via @thekitze (source)

DESIGN SYSTEMS

Storybook vs Styleguidist

This article looks at the unique strengths and design intent of Storybook and Styleguidist, two of the most used tools to build style guides for design systems.

TYPOGRAPHY

How we introduced Airbnb Cereal to our UI

Airbnb launched a new typeface called Airbnb Cereal across their product and brand. Here the case study with details of the technical process behind it. 🙌

Readings for Lunch — [ 15 May 2018 ]

IMAGE OF THE DAY
Visualization of the terms and conditions of different apps (source)

UX

How LEGO Run Design Sprints at Scale

A case study about how LEGO scaled Design Sprints throughout its organisation (which is kind of unbelievable considering that they are a company that produces physical products, not just digital ones).

JAVASCRIPT

BigInt: arbitrary-precision integers in JavaScript

BigInts are a new numeric primitive in JavaScript that can represent integers with arbitrary precision. This article walks through some use cases and explains the new functionality in Chrome 67 by comparing BigInts to Numbers in JS.

Readings for Lunch — [ 14 May 2018 ]

IMAGE OF THE DAY
Machine learning job interview (source)

UX

Vanity Metrics

Revenue is a pretty boring metric until the data focuses on profits. Instagram follower numbers don’t matter if no one likes your posts. Visits to a website mean nothing until you can see correlation to higher conversions. So let’s stop playing the vanity metrics game and start using the collected data as a tool to our end goals.

SCIENCE

The Weirdest Stars in the Universe

How big can a star get? Why would a star only pretend to explode? Can you hide one star inside another?. Emily Levesque will answer this and many other questions in this mind-blowing public lecture.

Readings for Lunch — [ 03 May 2018 ]

IMAGE OF THE DAY
HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.
(view it live here! 😱 – it needs Chrome)

UX

The man on the bus and the Android duplicate apps problem

How competing business goals lead to forgetting about people.

DESIGN

Diamonds in a Meteorite May Be a Lost Planet’s Fragments

Fragments of the 2008 TC3, or Almahata Sitta, meteorite that fell to Earth in 2008. The diamonds discovered inside one of the fragment may have come from a protoplanet that orbited the sun billions of years ago.

Readings for Lunch — [ 02 May 2018 ]

IMAGE OF THE DAY
Unspiration (source)

OPENSOURCE

Why is this code open-sourced? Let’s flip the question

During the years, I’ve been so inspired and touched by open-source software that I made it a personal obsession to always try opening everything by default […] .
Still, every now and then, I receive the usual question from someone: “Why is this open?”. My answer is always: “Why should it be closed?”.

ANDROID

Paving your path to becoming a better Android developer

Making a well-designed Android app can be quite a difficult task to accomplish.
Taking the time to step back and look at the bigger picture is even tougher –
how do you know you are doing a great job?
How can you make a difference in your team, whilst improving yourself? .

Readings for Lunch — [ 01 May 2018 ]

IMAGE OF THE DAY
✨ Work-From-Home L👀ks ✨ (source)

SECURITY

Loud sound from fire alarm system shuts down Nasdaq's Scandinavian data center

A loud sound emitted by a fire suppression system has destroyed the hard drives of a Swedish data center, downing Nasdaq operations across Northern Europe.

DIVERSITY

If you think women in tech is just a pipeline problem, you haven’t been paying attention

According to the Harvard Business Review, 41% of women working in tech eventually end up leaving the field (compared to just 17% of men), and I can understand why…

Readings for Lunch — [ 30 Apr 2018 ]

IMAGE OF THE DAY
Why are talented people so busy? (source)

FONT

What sets Dank Mono apart?

Designing a coding font for aesthetes with attention to detail

DETAILS

You need to appreciate Beyoncé’s attention to detail

Every single aspect—no matter how seemingly minimal—is thoughtfully designed for a reason.
I’m in awe of all the work and thought that goes into a Beyoncé show.
She’s seriously operating on a level we’ve never seen artists perform at.

Readings for Lunch — [ 27 Apr 2018 ]

IMAGE OF THE DAY

when do we stop calling it a phone? (source)

MATH

Intuitive math

This is a math primer that is a little different.
It is written using technologies such as React and WebGL with animated explanations of fields like Linear Algebra and Geometry designed to help you develop a visual intuition for what is going on.

INCLUSION

Inclusion has to be proactive

Many times I’ve seen event organisers, publishers, employers and various initiative leaders being genuinely surprised that the diversity outcome of their efforts was less than ideal.
“But our Call for Proposals was open” or “anyone can participate!” they tend to say. Unfortunately, these excuses are not good enough and let me tell you why.

Readings for Lunch — [ 26 Apr 2018 ]

IMAGE OF THE DAY
@practicingdev (source)

JAVASCRIPT

An in-depth guide to event listeners

In this article, I’ll explain what event listeners are, and how to add and remove them from a web page. I’ll show several examples and talk about patterns to avoid when dealing with event listeners.
The topic will be discussed in depth.

COLOR

Color: from hexcodes to eyeballs

Why do we perceive background-color: #9B51E0 as purple?
This is one of those questions where I thought I’d known the answer for a long time, but as I inspected my understanding, I realized there were pretty significant gaps.

Readings for Lunch — [ 25 Apr 2018 ]

IMAGE OF THE DAY
Like a painting from the Renaissance. (source)

CSS

CSS Blocks + OptiCSS

Chris Eppstein and the engineering team at LinkedIn have finally released as open source CSS Blocks and OptiCSS, two solutions that promise to breathe new power and ease-of-use into the CSS ecosystem. It's a big day for CSS devs 🎊

WORK

Questions to ask for a job interview at a startup

Via Varya Stepanova
When you're leaving a big company to interview at a startup, there are some hidden questions you might not know to ask. Here are 4 questions you should ask in a startup interview loop.

Readings for Lunch — [ 24 Apr 2018 ]

IMAGE OF THE DAY
Crowded fields by Pelle Cass (source)

GDPR

A developer’s guide to GDPR that won’t make you sweat

Much of what I’ve read recently about GDPR seems to have been written and designed with the sole aim of inducing panic and nausea in every developer it reaches…

SOCIETY

107 years doesn’t feel like such a long time

Amazing footage from the archives of The Museum of Modern Art of the City of New York in the year 1911.
It starts on what appears to be the Staten Island Ferry, docks at Battery City, then goes on a street tour of several neighborhoods in Manhattan.