Tag: TOOLS

Readings for Lunch — [ 21 Dec 2017 ]

IMAGE OF THE DAY
SpaceX's "Falcon Heavy" retro boosters (source)

DESIGN

Building Better UI Designs With Layout Grids

Luckily, this is not the usual article about CSS grids (too many of them now!). It's about the use of grids in design, from manuscripts in the Middle Age to the UI of mobile applications.

TOOLS

A system to organise projects*

* where we loosely define ‘a project’ as ‘a collection of things you keep on a computer’.
Very interesting and (if your folders and computer desktop are a total mess) useful article.

Readings for Lunch — [ 12 Dec 2017 ]

IMAGE OF THE DAY
Frozen Serpentine in Hyde Park, London (circa 1930).

TOOLS

Open Formats

Recently we have seen the rise of a powerful, groundbreaking idea: the definition of a "standard" format to describe UI elements that can bridge the gap between design and development, between Sketch and your IDE.
This will make it possible to share the same source code between the two environments (here and here some other examples).

DESIGN

Do I need a design system?

Design systems are hot right now. Every big company has one and each new release or update is flaunted in style. You’d be justified to think you need one too. But do you?

Readings for Lunch — [ 11 Dec 2017 ]

IMAGE OF THE DAY
"I don’t want to fight tonight" – Marco Cedaro (source)

TOOLS

Flowkit for Sketch

Flowkit is a Sketch library of pre-built ready-to-use objects that will help you to easily create user flows, content maps, screen annotations, and more directly inside your Sketch files.

COMPUTER SCIENCE

Orinoco: young generation garbage collection

In this blog post we introduce the parallel Scavenger, one of the latest features of Orinoco, V8’s mostly concurrent and parallel garbage collector and discuss design decisions and alternative approaches we implemented on the way.

Readings for Lunch — [ 17 Nov 2017 ]

IMAGE OF THE DAY
James Tissot – “The Gallery of HMS Calcutta” – Tate Britain / London (source)

JAVASCRIPT

The Most Clever Line of JavaScript

“I’ve spent at least half an hour playing with it, and it was an interesting example how magical JavaScript can be, even after years spent writing it.”

TOOLS

CSSPeeper

A Chrome extension to inspect all the styles in a webpage in a simple, well-organized and beautiful way. Tailored for designers, according to the

Readings for Lunch — [ 04 Sep 2017 ]

IMAGE OF THE DAY
"We are just looking. For a ray of light. To shine through. The thick clouds." – Davide 'Folletto' Casali (source)

SPORT

Thoughts on getting into cycling

How road cycling changed James Higgs' life and made him a better person. Lovely writeup from an amazing person. Just a quote: “The human body — including yours — is capable of way, way more than most people think.”

TOOLS

The Airbnb Tool That’s Changing UI Design

It's called Lottie and it's Airbnb’s own UX prototyping tool, developed by Abdul-Karim and a pair of engineers at the company.

Readings for Lunch — [ 24 Mar 2017 ]

IMAGE OF THE DAY
The past 10 years of Facebook monthly active users (source)

JAVASCRIPT

Why WebAssembly is Faster Than asm.js

WebAssembly is a new binary execution format for the Web. A major goal of WebAssembly is to be fast. This post gives some technical details about how it (ndr: supposedly) achieves that.

TOOLS

Air/shots

Air/shots is an internal initiative from the Airbnb Design Tools team (yes, DesOps is a thing, now) to take screenshots in batches of their apps using native OS emulators. Very promising for Visual Regression Testing too… 🙂

Readings for Lunch — [ 04 Oct 2016 ]

IMAGE OF THE DAY
Wang Xingwei, Untitled (Old Lady No. 2) – 王兴伟,无题 (老太太 No. 2 )– (source)

SECURITY

Revisiting the Black Sunday hack

Via Marco Cedaro
A game of cat and mouse, an electronic warfare between hackers and a satellite television broadcaster. Who will win?

TOOLS

Spectacle

What about preparing your next slide deck in… React? Well, that's what this library allows you to do. Extra bonus: you can also live demo your code, and go through it interactively!

Readings for Lunch — [ 20 Jun 2016 ]

IMAGE OF THE DAY
I really love this photo of Amsterdam, by Paul Lloyd (source)

LEADERSHIP

You don’t have my permission

Jason Fried, as always forcing people to think and look at things in a different way. This time on how to manage and lead people through delegation. Must read.

TOOLS

Snapdrop

Like AirDrop, but in a browser. Useful to transfer data (and text too) across devices. Works also with mobile devices. Pretty impressive.

Readings for Lunch — [ 19 May 2016 ]

IMAGE OF THE DAY
When your car smells like s…. strawberry! 🙂

WEBPERF

The Coach

The coach helps you find performance problems on your web page and will give advice of how your page can be faster. Think of it as a modern version of YSlow.

TOOLS

Visual Center

Via Matteo Balocco
A free tool that finds the visual center of your images. Very useful especially for horizontal list of icons or icons + labels.

Readings for Lunch — [ 27 Apr 2016 ]

IMAGE OF THE DAY
Pitcher Festival in India (source)

EVENTS

Smashing Conference Freiburg 2016

All Smashing Conferences are special events, packed with great speakers and all day long conversations. But this one is going to be unique: Vitaly Friedman will celebrate the 10th anniversary of Smashing Magazine.

PS: I'll be there, so if you are going too let me know 😉

TOOLS

Simply

Via Alexander Sasha Grishin
A very promising tool (“collaboration platform”) for designers and developers that works with Xcode, Android Studio, Sketch and Photoshop.

Readings for Lunch — [ 18 Apr 2016 ]

IMAGE OF THE DAY
Sandy cyberpunk by Marek Lenik (source)

TOOLS

The new Framer is here

Framer is becoming one the favourite applications used by designers to build interactive high-fidelity prototypes for iOS, Android, and mobile/desktop web. The new version promises to be even better than before.

WORK

Ways we work – Geoff Teehan

Geoff Teehan, former co-founder of the renowned agency Teehan+Lax and now Product Design Director at Facebook, tells about his work and role.

Readings for Lunch — [ 14 Apr 2016 ]

IMAGE OF THE DAY
Cambodia by Katherine Marie (source)

WEB PERF

A faster FT.com

How much the speed of a website affects user engagement – in the FT case, the quantity of articles read – and how this can be quantified as impact on the business revenues.

TOOLS

git-time-machine

An Atom package that allows you to travel back in commit history. Niiice!

Readings for Lunch — [ 23 Mar 2016 ]

IMAGE OF THE DAY
The only thing I could think to in a day like this: cherry blossoms will start to bloom in Japan, despite our littleness and pettiness.

TOOLS

Performance Widget

A Chrome extension developed by the FT Labs, which will run a set of synthetic performance tests on any page visited by the user and place the results from these tests inside a widget on the page.

DESIGN

Atoms, Modules and Other Fancy Particles: Building a Pattern Language For The Web

The talk that Alla Kholmatova presented a few days ago at Smashing Conference, about modular design systems.

Readings for Lunch — [ 02 Oct 2015 ]

IMAGE OF THE DAY

TYPOGRAPHY

Kerning 2015 – Videos

All the Kerning conference videos have been published online. I have chosen this talk by Oliver Reichenstein about “Architecting Information” for you 🙂

TOOLS

Folio

Folio is a simple version control app for designers, based on Git. No more files called "homepage_final_last_to-print-02".

Readings for Lunch — [ 30 Sep 2015 ]

IMAGE OF THE DAY
Vernacular Typography (source)

TOOLS

Otto

A tool to handle "automagically" all the aspects of development and deployment to any cloud platform, whatever you tech stack is. Very interesting (and ambitious).

DESIGN

The Ownership Problem

Via Ines Alves
A meaningful post about ownership, responsibility, silos, shared knowledge.

Readings for Lunch — [ 16 Sep 2015 ]

IMAGE OF THE DAY

TOOLS

bro: just get to the point!

Via Michele Bertoli
Did you ever get lost in a man result page? Then this tool is for you: the "bro" CLI command shows concise, common-case examples for Unix commands.

DESIGN

“Flat Design”? Destroying Apple’s Legacy… or Saving It

A ruthless analysis of all the mistakes (and the long-term consequences) that Apple introduced with the latest iOS versions, in term of interaction design, usability and accessibility.

Readings for Lunch — [ 07 Sep 2015 ]

IMAGE OF THE DAY
Deployments at Amazon (source)

TOOLS

Lightning Design System

Via Lorenzo Sicilia
A CSS framework created by Salesforce, it includes reusable UI elements (from lists to forms, from modals to dropdowns) plus a global responsive grid system for quick scaffolding. (JavaScript not included).

EVENTS

Breakout sessions

After the popularity and success of the Edge Conf breakout sessions, Mairead Buchan has organised a new series of meetings. The next scheduled dates are Sept 30th, Oct 27th and Nov 25th at the Mozilla London offices.

.

Readings for Lunch — [ 25 Aug 2015 ]

IMAGE OF THE DAY

CATEGORY

The interim strategy

Via Adam Onishi
A great blog post by Seth Godin, on why we should never give up on what are our principles, what is really important. Even if it's “just” for a brief time. A must read.

TOOLS

Principle for Mac

Principle is a prototyping tool that makes it easy to create animated and interactive user interface designs. Think to Sketch, but more oriented to the animations. Very promising (but expensive too).

Readings for Lunch — [ 24 Jul 2015 ]

IMAGE OF THE DAY
My favourite event in London: Urban – Celebrating Street Culture – London 7-9 August

WEB

Shipped!

Paul Robert Lloyd explains the bits and bobs behind the release – shipping – of the new version of his personal blog. A lot of things to learn, of insights, of best practices to follow.

TOOLS

HTTPIE (CLI HTTP Client)

Via Daniele Esposti
User-friendly cURL replacement featuring intuitive UI, JSON support, syntax highlighting, wget-like downloads, extensions, etc.

Readings for Lunch — [ 12 May 2015 ]

IMAGE OF THE DAY
"When it comes to large crowd formations, no one does it better than China" (source)

THINK

Nothing Changes But You

A great antidote to the buzz-word hype-based trend-following hysteria that seems to affect the developers – especially web developers – nowadays.

TOOLS

Metalsmith

This is a simple (but powerful) static site generator. It can be integrated with a lot of plugins, it's well documented and above all is open-source.

Readings for Lunch — [ 28 Apr 2015 ]

IMAGE OF THE DAY
(source)

TYPOGRAPHY

Cameron Moll on Proxima Nova

"A brief visual history of Mark Simonson’s iconic typeface, a few of his thoughts, and my encounters with it along the way." Cameron Moll, on one of the most used typeface in the last years.

TOOLS

thefuck

You know when you type something wrong in the console, and you have to re-type it, losing your precious time? Well, this smart app corrects your previous command, "magically".