Month: February 2016

Readings for Lunch — [ 29 Feb 2016 ]

IMAGE OF THE DAY
An old church becomes a colorful skateboarder’s heaven (source)

DESIGN

Atomic Classification

Trent Walton by Paravel Inc shares his idea on modular design as a practice or a philosophy—with Atomic Design being just one way to do it.

JAVASCRIPT

Building a Progressive Web App

Via Michele Bertoli
A high-performance mobile web app with React, Flux, and Service Workers, a new architecture and an unconventional approach to server-side rendering.

Readings for Lunch — [ 24 Feb 2016 ]

IMAGE OF THE DAY
This is a satellite in the space (essentially, just a boring metal box). (source)

WORK

The most important job factors for developers

Via Lorenzo Sicilia
Workshape gathered data from over 10k developers on how they value different aspects of a job. This is a living infographic to show the results.

WEB

The New Web Typography

Why are we obsessed with typographic rules? And if we were to make guidelines for setting text on the web, what form should those rules take?

Readings for Lunch — [ 22 Feb 2016 ]

IMAGE OF THE DAY
Stjerntind (Lofoten) by Stian Klo (source) – Via Liliana Bragadin

FRONT-END

Frontend Design

A frontend designer lives in a sort of purgatory between worlds, somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux.

DESIGN

The design process of the Arriva logo

Veerle Pieters explains her creative process behind the ideation of the logo – and the whole branding – for a small start-up company. Very insightful.

Readings for Lunch — [ 18 Feb 2016 ]

IMAGE OF THE DAY
Hot dog stand in North End, Boston USA, 1937 (source)

DESIGN

Introducing Vector Networks

If you ever designed in a vector-based software, you will know how paths and bézier curves are at the basis of everything you do. But this guy has come up with a completely new, potentially revolutionary idea.

BENEFITS

Employee benefits at Basecamp

Jason Fried, founder and CEO at Basecamp, openly reveals what are the benefits that his company offers to their employees.

Readings for Lunch — [ 17 Feb 2016 ]

IMAGE OF THE DAY
Visions of the Future by NASA/JPL (source)

JAVASCRIPT

JavaScript fatigue fatigue

Probably you have already read about the “Javascript fatigue” and all the following thread of heated discussions. Here's an interesting follow up by Axel Rauschmayer.

APPLE

A Message to Our Customers

Via Daniele Esposti
The United States government has demanded Apple to take an unprecedented step involving the privacy of their customers (and their phones). Here's their public response.

Readings for Lunch — [ 15 Feb 2016 ]

IMAGE OF THE DAY
Russia and the Arts exhibition at the National Portrait Gallery (source)

DISRUPTION

Facebook at Work

Via **********
Imagine for one moment: Facebook, but a private version only for your company: chats, groups, news feeds, events, documents sharing, and much more. Available on every possible device and platform from day one, with zero learning curve for the users. And now imagine it provided by Facebook itself as a “business” product. Can you imagine it? Well, it's true.

CITIES

As World Crowds In, Cities Become Digital Laboratories

Some very interesting data visualisation about the growth and evolution of the largest metropolitan areas in the world, and how collecting data on habits, health and security of its citizens can help to cope with their spiralling growth.

Readings for Lunch — [ 12 Feb 2016 ]

IMAGE OF THE DAY
Software development explained with cars (source)

MUST READ

Be agile in being agile

Via Ziobrando
The experience and the learnings in the Platforms team at The Guardian, in adopting the Agile best practices, and why they decided to be not too strict or fundamentalist in that (we are talking about #noestimates, using Trello for ticket management, no “planning”). Absolutely to read!

CSS

Move Slow and Fix Things

Over the 8 years of its life, Dropbox’s CSS codebase has grown to a considerable scale. Dan talks about how their CSS has grown, the pains of inheriting a large CSS codebase, and some of the approaches for refactoring and scaling CSS at scale.

Readings for Lunch — [ 11 Feb 2016 ]

IMAGE OF THE DAY
Responsive strategies illustrated by Stéphanie Walter (source)

DEVELOPMENT

Testing in the right places

How the developers at The Guardian decided to get rid of their entire old test suite and integrate the QA with the development process.

Correction: yesterday the link to the article A Gulp-Based External SVG Symbol Sprite Icon System was wrong, sorry. This is the correct one: http://una.im/svg-icons. Also the name of the author is Una Cravats (it was replaced by the damn autocorrect!)

UX

The Industrialisation of Design

Or why Silicon Valley no longer hires UX designers, but prefers to hire talented generalists as product designers.

Readings for Lunch — [ 10 Feb 2016 ]

IMAGE OF THE DAY

ICONS

A Gulp-Based External SVG Symbol Sprite Icon System

Una Cravats explains how she built an entire icon system to be really, really flexible, scalable, dynamically editable via CSS and used by multiple teams in many different applications.

JAVASCRIPT

Launching an Enterprise React & Redux App

Via Rafael Yepes Garcia
First post in a 6 part series walking through the process of building an enterprise application in React and Redux. Because let's admit, TodoMVC is not a real world test case, right?

Readings for Lunch — [ 09 Feb 2016 ]

IMAGE OF THE DAY

The 'President', a 3,200 year-old tree in the U.S. state of Nevada – (source)

MOBILE

Mobile App Developers Are Suffering

How bad is the (native) mobile app ecosystem? “It’s just too saturated. The barriers to adoption and therefore monetization are too high. It’s easier to build a business on the web.”

SPECIAL EFFECTS

So, just how was that Chemical Brothers video made?

Do you remember the video I linked a few days ago, with this dancer's body transforming in some kind of 3D-printed lattice construction? Here how it's been made possible.

Readings for Lunch — [ 08 Feb 2016 ]

IMAGE OF THE DAY
The one true JavaScript exception handler. (source)

JAVASCRIPT

Atomic Components

Via Rafael Yepes Garcia
This two-part series explore how Atomic Design principles are a natural fit for building interfaces in React.

GITHUB

Requiem for GitHub

Lot of heated discussions and debates for this blog post, about the doom of GitHub as a company, and its "company culture". (check out also this one).

Readings for Lunch — [ 05 Feb 2016 ]

IMAGE OF THE DAY
This is a cake! (source)

DESIGN

How I Work with Color

Justin Mezzell, art director at Code School, explains in this walkthrough some of the tools and tricks he typically use when it comes to color grading his illustrations.

HTML

The Elements of HTML

Do you structure your HTML code using only DIVs because… “hey that's React” or “who bothers?’ (it's called divitis,btw). Here a list of all the possible HTML tags you can choose from. Be semantic, make the web a better place.

Readings for Lunch — [ 04 Feb 2016 ]

IMAGE OF THE DAY
A photo of London, as seen by the astronaut Tim Peake (source)

RECRUITING

Incentivizing your Staff beyond Carrot and Stick

A common misconception is that financial rewards, such as performance-based bonuses, always help improve employee motivation. In fact, the opposite is often true.

JAVASCRIPT

Making A Service Worker: A Case Study.

If Jake Archibald comments is "Probably the best service worker intro I've read" then you can be sure that it is.

Readings for Lunch — [ 03 Feb 2016 ]

IMAGE OF THE DAY
A Russian Soyuz capsule fires its retro rockets just as it lands (source)

LONG READS

The Facebook-Loving Farmers of Myanmar

A series of diary entries and notes taken by a design ethnographer, doing a user research in the countryside of Myanmar where Facebook is the only source of news (and not a social network).

MOBILE

Mobile Web vs. Native Apps or Why You Want Both

When building software for mobile should we invest in Web-based solutions or a native apps? Luke Wroblewski has a clear answer for that (as usual supported by real data and metrics).

Readings for Lunch — [ 02 Feb 2016 ]

IMAGE OF THE DAY
Great white shark's predatory behavior captured by underwater drone video (source)

STARTUP

Deliveroo: The making of an on-demand giant

How comes that in just three years Deliveroo has come from nowhere to be one of London’s most talked-about startup? Here the whole story. #mustread

DESIGN

Desktop Neo: Rethinking OS X

Lennart Ziburski, a twenty-one year old design student in Berlin, re-imagined the whole OS X experience in a new, simpler way. Very impressive and well done.

Readings for Lunch — [ 01 Feb 2016 ]

IMAGE OF THE DAY

MARKETING

Taste the Feeling

Coke’s strategic shift from its award-conquering “Open Happiness” campaign, read from the eyes of two ex-PepsiCo and ex-Coca Cola creatives.

CSS

Bulma

Bulma is a modern CSS framework based on Flexbox and built with Sass. Responsive (of course), simple but elegant, and open source.