Links (11,732 links)

The following is an unedited extract from my forthcoming book. I chose this chapter because I felt it would be useful standing on its own. I should point out…

A linter for prose.

There’s just so much science, nature, music, art, technology, storytelling and assorted good stuff out there that my kids (and maybe your kids) haven’t seen.…

<blockquote>A React UI component library that uses inline styles to avoid CSS dependencies and prevent leaky global styles from affecting an application. Rebass components inherit styles where appropriate and can be customized using React Context. Rebass components are built as stateless functional components and modeled as presentational components.</blockquote>

How do I use this? Use a scale like you would use a ruler. Many people set heading type sizes with numbers from a scale, but that's just one possibility. You…

Why is Vertical Rhythm an Important Typography Practice? Written under: Design Typography 24th February, 2016 You probably heard of the term Vertical Rhythm if…

Users need to perceive, comprehend and operate a digital service: The service needs a way to get across to the user in order to be perceived. This could be…

Japanese animated films and anime series are weird. But the release of the classic Ghost in the Shell over 20 years ago drove the genre both upwards by reaching…

I wrote back in 2015 about the state of front end tooling and since that post it's continued to be a topic I follow with interest. I'm particularly interested…

- A “web designer” or “web developer” used to be a generalist who wrote HTML, CSS, and some jQuery. Now there’s a demand for specialization: a UI/UX designer…

GitHub.com no longer delivers its icons via icon font. Instead, we’ve replaced all the Octicons throughout our codebase with SVG alternatives. While the changes…

How to Access the Web Inspector for Desktop iBooks Derrick Schultz June 11, 2014 SECRETS 6 Comments If you’re familiar with doing web development, you know one…

At Thursday’s education event, Apple put glee into the heart of every ebook publisher when it unveiled iBooks Author, the company’s new ebook authoring tool.…

Design systems in difficult places – February 18th, 2016 – This is Manchester. I grew up on the outskirts of Manchester. I have memories like this picture.…

At React Rally last year, I watched an excellent talk by Lin Clark called “Making small modules actually work with webpack and npm”. At the beginning of the…

Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux – lies frontend design. Frontend…

I created this project because I needed a generator for a static website - not just a blog. To accomplish this, the website structure matches the source…

In the next couple of months we’ll be reincorporating the Ghost Foundation in Singapore and closing down all operations in the UK. This is easily the biggest…

Disclaimer: I love JSX, Flux, ES6 and Webpack. I’ll discuss these tools more in another series. So you’ve heard all the fuss about React.js – apparently it is…

AdTech companies are completely fucked. Just totally and utterly fucked. Google and Facebook are kicking their asses left and right.

But I think that it is wrong to present this as a taxation issue. I would be fine with paying a percentage of my income in taxes. There are some benefits to…

Posted on Wednesday, 3 February 2016 by Steve Faulkner You can make an element scrollable using CSS overflow property, problem is that typically the content…

A Hard PlaceThe front-end development community as a whole has put itself in a hard place. We’ve collectively overlooked issues that arise from using tons of…

OverviewQuiver is a notebook built for programmers. It lets you easily mix text, code, Markdown and LaTeX within one note, edit code with an awesome code…

Meet Focal PointFocal Point is a GitHub project and CSS framework created by Adam Bradley. As you know, the concept of responsive images requires that any…

0% completed Favicon for iOS - Web Clip iPhone and iPad users can pin your web site on their home screen. The link looks like a native app. Your favicon is…

“Please help! Our one-year-old gets sick every time we drive somewhere. It started just after she turned one but before we turned her car seat around. We…

Games for your iPhone and iPad can be pretty hefty. By the time a media-rich title’s done expanding after download, it can easily munch 1 GB or more of your…

A step-by-step guide on how I configured and hosted a secure static site using AWS. This project was originally completed 2016-01-24. View project source This…

Automate responsive breakpoints generation You can use Cloudinary's API to upload your images to the cloud and automatically generate breakpoints…

Prototype anything you can imagine. Download Framer for Mac Google Now Type Tester iOS Lockscreen Calendar Item Video Player Chat Bubbles Places Search Photo…

Is React.js really a functional framework? I would say no, it has an object oriented nature. Its components are declared like classes, instatiated before they…

Advertisement Responsive images have been around long enough for most of us to have taken them for a spin, or at least to have learned from the experiences of…

I know what you’re thinking. WAT?! Didn’t Gulp just kill Grunt? Why can’t we just be content for a few minutes here in JavaScript land? I hear ya, but…I’ve…

The GOV.UK prototype kit is the tool we use for rapidly creating HTML prototypes for GOV.UK services. Today we released version 2.0.0 of the kit It’s got…

Hey there! Today we are going to talk about some useful tricks in CSS. Let's begin with... Blend Modes Not so far Firefox and Safari started to support blend…

git-land This is a git extension that merges a pull request or topic branch via rebasing so as to avoid a merge commit. To merge a PR or branch, the script does…

Until we moved last year, we had an Oxfam shop at the top of our road (photo below). We often used to drop off second hand items there, especially as our…

If you’re new to React (or frontend in general) you may find the ecosystem confusing. There are a few reasons for this. Throughout this document, I’ll assume…

Most of SuperFriendly ’s work over the last few years has been with organizations that need specific help with crafting design systems that enable them to…

Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s…

Error messages can be problematic to convey consistently to all users across browsers and assistive technology (AT). Using simple HTML, with a little ARIA…

1. About this book 2. Deploying ECMAScript 6 2.2 Transpilation tools 2.5 Are there ES6 features that can’t be transpiled to ES5? 3. Babel setups for browsers…