Readings for Lunch — [ 29 Aug 2018 ]

IMAGE OF THE DAY
A photographic catalogue of over 900 taxi lanterns from Tokyo (source)

CODING

Don't Do This in Production

The natural tendency for non experienced developers seems to be asking the internet. It turns out that this is incredibly effective. It’s also incredibly dangerous.

INFOGRAPHIC

Mapping The Dominance Of Airbnb On Athens

The world’s most popular short-term rental platform and how it is affecting Athen's neighborhoods explained visually.

Readings for Lunch — [ 28 Aug 2018 ]

IMAGE OF THE DAY
JAVASCRIPT

I created the exact same app in React and Vue. Here are the differences.

I decided to try and build a fairly standard To Do App that allows a user to add and delete items from the list. Both apps were built using the default CLIs (create-react-app for React, and vue-cli for Vue)

COMPANIES

The Two Most Valuable Things that I Learned From Interning at Facebook

“Building a growth mindset” and “How to conduct effective communication”.

Readings for Lunch — [ 24 Jul 2018 ]

IMAGE OF THE DAY

SERVERLESS

Create your own Serverless API

A great tutorial on how to use a platform for serverless functions (in this case Azure, but can be anything) to create your own APIs.

TYPOGRAPHY

It’s a Myth That All Capital Letters Are Inherently Harder to Read

You read by anticipating the letters that will be in words, and then recognizing those letters. All capital (uppercase) letters are slower for people to read, but only because they aren’t used to them. Mixed case text is only faster to read than uppercase letters because of practice.

Readings for Lunch — [ 23 Jul 2018 ]

IMAGE OF THE DAY
Contextual vs front-line knowledge in growing startups. (source)

HACKING

Fixing the Netflix Volume Slider

“A while ago, I joked around with my friend about something we like to call ‘frustration driven development’, which seems to be the most effective method in certain situations. Sometimes the level of disappointment in user experience makes us go to great lengths, which is what this post relates to.”

DESIGN

Cross-Platform Styles with Style Dictionary

Amazon's Style Dictionary is a tool that allows the generation of cross-platform design tokens (useful when you need to share design primitives between different platforms or projects, and recently at the core of almost every design system). Here a clear and thorought presentation about how it works and how to use it.

Readings for Lunch — [ 20 Jul 2018 ]

IMAGE OF THE DAY
@sophiescott explored the neuroscience and psychology behind our modern use of emojis to communicate emotions in the #xmaslectures – this art by @yungjake takes it to a whole new level (source)

JAVASCRIPT

An introduction to the JavaScript MutationObserver API

I had a play with the JavaScript MutationObserver API recently and came away very impressed.
I’m already considering all the places I could probably tidy up code by making use of them. In case you haven’t heard about them before, here’s a little primer.

DESIGN

Designing with data

Things to keep in mind as a UX designer working with data.

Readings for Lunch — [ 18 Jul 2018 ]

IMAGE OF THE DAY
Digital dashboards of the 1980s (source)
CLOUD

Developer trends in the cloud

Currents is a quarterly report on developer cloud trends that we created to share our knowledge with the broader community.
For the fourth edition, we surveyed nearly 5,000 respondents from around the world about themselves, the tools they use and the challenges they face.

DESIGN

10 small design mistakes we still make

We forget that human mind changes very slow, and the knowledge you have about human behaviour will not go old for at least 50 years or so.
To make it easy for you, we need to keep consistent with a couple of principles that will remind us of how to design great products.

Readings for Lunch — [ 17 Jul 2018 ]

IMAGE OF THE DAY
East London from the hyperreal lens of @chrisdb1 for @HoxtonMiniPress (source)

DESIGN

What every product designer should take away from Lyft’s new UI

If you Google why search bars are at the top, a Quora post with this exact question pops up. “Users have been trained to expect a search (if there is one) at the top. It’s a convention that a designer breaks at their own risk,” says the top answer.

A product designer at Lyft did exactly this, and in a magnificent way.

JAVASCRIPT

This one line of Javascript made FT.com 10 times slower

It started off with an alert, telling us that the error rate for the Front Page application is above the 4% threshold…

Readings for Lunch — [ 16 Jul 2018 ]

IMAGE OF THE DAY
What do you get when you marry two of Earth's most dramatic natural events, lightning, and volcanoes? (source)

GROWTH

Ten principles for growth as an Engineer

"An engineer I’d managed for over a year moved to a new team. In one of our last 1:1s, I mentioned that he’d recently done some good project management.
He replied that he’d had an epiphany about self-direction; he’d decided that he needed to own everything about his work, not just his code, to make sure his projects succeeded."

CSS

The div that looks different in every browser

It's not that Martijn Cuppens used User Agent sniffing, CSS hacks, or anything like that to make a quirk div.

Readings for Lunch — [ 10 Jul 2018 ]

IMAGE OF THE DAY
food carver 'gaku' transforms fruit and vegetables into edible masterpieces (source)

REACT

Defining component APIs in React

The following is a collection of thoughts, opinions, and advice for defining component APIs that are meant to be more flexible, composable, and easier to understand.
None of these are hard-and-fast rules, but they’ve helped guide the way I think about organizing and creating components.

ART

Stack Trace art

An artist wannabe discovers his own art – turning programming exceptions into beautiful drawings.

Readings for Lunch — [ 09 Jul 2018 ]

IMAGE OF THE DAY
French bookstore Invites its Instagram followers to judge books by their covers (source)

DESIGN SYSTEM

Distinct design systems

DO WE HAVE too many design systems?

GROWTH

Growth Engineering at Netflix

Netflix has over 125 million members worldwide. The number of global broadband households is over 1 billion and the number of daily internet users is over 4 billion.
Growth Engineering is key to making Netflix more accessible for people around the world.

Readings for Lunch — [ 06 Jul 2018 ]

IMAGE OF THE DAY
Does the moon hold the key to the earth’s energy needs? (source)

WEBPERF

New Reddit performance

When we talk about performance, we’re really talking about four different things:

The speed at which we render content in the browser
The speed at which the API returns results
How long it takes to load up and process the required javascript
How long it takes the browser to receive the first byte from the server

GRAPHQL

GraphQL building blocks

A great presentation about GraphQL by Phil Pluckthun

Readings for Lunch — [ 05 Jul 2018 ]

IMAGE OF THE DAY
200 years of U.S. immigration looks like the rings of a tree (source)

WEBPERF

Too old to rocket load, too young to die

Rocket Loader is in the news again.
One of Cloudflare's earliest web performance products has been re-engineered for contemporary browsers and Web standards.

ENGINEERING MANAGEMENT

How (and why) should managers code?

If you’re writing an all-time top five list of controversial engineering management topics, I can almost guarantee that the question of whether managers should be coding will find a place on the list.
I’m very firmly in the camp of managers who do, and believe they should, code but it’s entirely understandable why so many people come down on the other side of the issue.

Readings for Lunch — [ 28 Jun 2018 ]

IMAGE OF THE DAY
Need to hear more about the graphic designer on Alexandria Ocasio-Cortez's campaign
because her main poster was stirring as hell
it manages to feel both vintage without being cheesy and modern without being dry

instagram.com/maaarenas
instagram.com/carlosbycarlos
instagram.com/newalchemy
instagram.com/gaptoothgrin

(source)

JAVASCRIPT

What I've learnt reading Jason Miller's source code

A tour of useful JavaScript tricks from his minimal open-source projects

KOTLIN

5 reasons why N26 is moving to Kotlin

Like any modern technology company, we use many tools to bring our banking platform to life.
Many of our backend services, for example, are implemented in Java. And our engineering team has tried out both Scala and Typescript — but later decided it wasn’t for us.

Readings for Lunch — [ 27 Jun 2018 ]

IMAGE OF THE DAY
Twitter is very nice some days (source)

GAMING

My teenage video game obsession wasn't 'gaming disorder'

"I was a gay teen in the 1980s, hiding from a terrifying world in an arcade.
The WHO's push to uniquely pathologize gaming won't help people like me."

PROGRAMMING

What to know before debating Type systems

Type systems are commonly classified by several words, of which the most common are "static," "dynamic," "strong," and "weak."
In this article, the author addresses the more common kinds of classification.

Readings for Lunch — [ 25 Jun 2018 ]

IMAGE OF THE DAY
Filmmaker daniel mercadante's work: long exposure photography used to capture his partner running with a custom built lighting rig. (source)

GOLANG

50 Shades of Go: traps, gotchas, and common mistakes for new Golang devs

Go is a simple and fun language, but, like any other language, it has a few gotchas…
Many of those gotchas are not entirely Go's fault. Some of these mistakes are natural traps if you are coming from another language.
Others are due to faulty assumptions and missing details.

TALENT

Talent introductions in tech​

"I do a lot of introductions between talented technologists in my network and trusted companies or (more rarely) external recruiters.
I recently got some feedback that greater transparency in how I connect people would be useful.
Please enjoy (and help me refine!) my current process, as well as some thoughts about how I plan to change this process in the near future."

Readings for Lunch — [ 22 Jun 2018 ]

IMAGE OF THE DAY
The way we programmers explain what we've written (source)

DESIGN

The new design tools on the block

While Sketch, Adobe XD, Figma and Invision Studio are all building the same product with slight differences in their focus areas and execution, some new cool kids just arrived to ease painful parts of our workflow.

JAVASCRIPT

Vintage concepts, fresh applications — CS-in-JS

What happens when you take a classic Computer Science concept and apply it directly to modern web/app development, in particular Finite State Machines and React for UI state management?

Readings for Lunch — [ 21 Jun 2018 ]

IMAGE OF THE DAY
Down the rabbit hole…

THINK

The Machine Fired Me

It was 7am when my phone rang. Instead of an alarm, it was my recruiter disturbing me from a pleasant dream. It was too early for a phone call or to be caught off guard, so I did not answer…

JAVASCRIPT

Understanding Generators in ES6 JavaScript

ES6 introduced a new way of working with functions and iterators in the form of Generators (or generator functions). A generator is a function that can stop midway and then continue from where it stopped.

Readings for Lunch — [ 15 Jun 2018 ]

IMAGE OF THE DAY
Hair ice (also known as ice wool or frost beard) is a type of ice that forms on dead wood and takes the shape of fine, silky hair. Scientists identified the fungus Exidiopsis Effusa as key to the formation of hair ice. The fungus shapes the ice into fine hairs through an uncertain mechanism and likely stabilizes it by providing a recrystallization inhibitor similar to antifreeze proteins. (Wikipedia)

UX

You have the right to remain silent

Here’s a story about how subtly things that seem “good” can also be harmful. What might our Miranda rights be for software?

REACT

Advanced React Component Patterns

Kent C. Dodd has updated his comprehensive list of useful coding patterns (requires paid membership, but it's worth every penny).

Readings for Lunch — [ 14 Jun 2018 ]

IMAGE OF THE DAY
Purple poppies have sprouted in north-east England (source)

FRONT-END

5 years of OpenComponents

Matteo Figus tells the story of how OpenComponents went from a simple internal project to a successful open-source solution for the distribution of micro-frontends. 🙌

DIVERSITY

Where are the Women?

A passionate talk about the diversity in the technology sector, and in the society in general. Where we are, where we should be, and why it matters. 💜

Readings for Lunch — [ 12 Jun 2018 ]

IMAGE OF THE DAY
Shoreditch, London – Street art in progress.

MACHINE LEARNING

Deep Learning in JS

Amazing talk, amazing slides, amazing speaker. One of the most impressive and clear presentations at JS Conf EU. It made the core concepts of machine learning clear and accessible to everyone.

PSYCHOLOGY

Impostor Syndrome Type 2

I then realized I had what I jokingly called “Type II” impostor syndrome: my fear of being a fraud is replaced with the anger of demonstrating I can do it.

Readings for Lunch — [ 11 Jun 2018 ]

IMAGE OF THE DAY
A green tree frog on a leaf in the mountainous area of Hualien, Taiwan. (source)

UI

Gallery of programmer interfaces

These images bear witness to the passionate work of so many people striving to improve programming.

NODEJS

Keeping Node.js fast

When it comes to performance, what works in the browser doesn’t necessarily suit Node.js.
So, how do we make sure a Node.js implementation is fast and fit for purpose?
Let’s walk through a hands-on example.