CSS TL;DR

An interactive primer on the handful of ideas that explain most of CSS: the box model, positioning, flexbox, grid, the cascade, and responsive design.

Json Form Schema (Design) Pattern

A deep dive, into the Json Form Schema (Design) Pattern. Learning resource.

How to add hypertranscript to your word press blog using Hyperaud.io - draft

Some notes on the steps to get setup and use the hyperaudio wordpress plugin on your wordpress blog/site.

Electron + Github Actions

Building and deploying Electron, for Mac, Windows and Linux, to github releases using github actions

New Mac Setup

Setting up a new mac is hopefully a once in a blue moon activity. However when it does happen is hard to remember what's the minimum you need to get started. So here's my latest list.

🚀 Web Performance optimization checklist

A checklist to improve web performance of your site, base on a workshop I attended at MozFest a while back

A framework for Front End System Design interviews

Walk through of a framework I've used in Front End System Design interviews.

Sailing: Man Overboard (MOB) - notes

Overview of man overboard maneuver

10 things you can learn about agile from “Stranger Things”

10 things you can learn about agile software development from the film-making of Netflix’s “Stranger Things”

How to prevent unnecessary re-renders in React - draft

Some notes on how to how to prevent unnecessary re-renders in React

Approaching a complex problems

Some notes on my take on how to break down a complex problem, when working on early stage products

Testing Strategy - Draft

Some notes and considerations for a testing strategy for React web apps, I've gathered over time from various BBC News Labs projects

Electron github travis CI & linux

How to setup github for your electron project to have a linux Continuos integration build

How I ran the textAV event - draft

How to engage a micro community of practitioners around a problem domain. And go beyond the 'hackathon format' for comunity events

Some thoughts on open sourcing strategies

After a conversation at the Open News Unconference (London October 2017) during the week of MozFest, I thought I would have been good to dot down some ideas on things I’ve found to work, as a strategy for open sourcing and more generally work in the open to engage a community around your project.

FFMPEG And Electron

How to use ffmpeg with the fluent-ffmpeg node library in electron.

Aligning partially scripted speeches, R&D Notes

Initially started as an email response to someone asking about this, then decided to convert into a blog post, so these are my R&D Notes on how I would go about doing it with the technology available today.

10 Lessons from building video product tools in the newsroom.

Presented lessons learned from building autoEdit.io and other video product tools at Vox Media at the computational journalism conference at Northwestern University C+J '17, and Hacks/Hackers Buenos Aires Media Party '17.

textAV event

TextAV is a three-day working group in New York City, July 19-21, 2017, with leading technologists, application developers, and practitioners working in the area of online audio and video, with a particular focus on the use of captions and transcripts to facilitate and speed up the production process.

How to tell compelling stories out of video interviews?

E-book based on a series of hands on Workshops in London, Buenos Aires, New York and Florence Introducing paper-editing to answer the question 'How to craft compelling stories out of audio or video interviews?' through key story crafting concepts, this is the underlying analogue workflow that inspired autoEdit.io

Reflections on the 2016 Knight-Mozilla Fellow

A sort of 'year in review' or the Knight-Mozilla fellowship I did with the Vox Product team.

Programming 101 with Ruby

The basics of programming with ruby while making a time-codes converter

How to know your projects github releases downloads

null

So you want to learn to code … - draft

For my friends who have been asked me how to learn to code

It’s time to rethink how we do ‘x in quotes’ pieces on the web

Create multiple folders and subfolders from bash script

How to create multiple folders in one go with a bash script

programmatic EDL

What do you need to know about EDL to be able to work with it programmatically?

Regex - an easier approach

How to build more complex regex without going insane

The minimum (I think) you should know about documentary films

Representing Reality: Key ideas in documentary theory and practice

Beyond 'video as black boxes'

Various interesting uses of video on the web, both in form of tools and editorial projects.

Doc Showreel-How To

How to make a documentary showreel