Links (12,295 links)

Fractal A tool to help you build , document and integrate component/pattern libraries into your web projects. Introduction Component (or pattern) libraries are…

‘Cause native apps do some things better If you were expecting all things React web at ReactConf this year you might have left disappointed, React Native was…

28th April 2016 Here at Clearleft we’ve been building website component libraries (often also called pattern libraries or styleguides) for quite a while - in…

Being A Developer After 40 (This is the talk I have given at App Builders Switzerland on April 25th, 2016. The slides are available on SpeakerDeck and at the…

Parse and output TODOs and FIXMEs from comments in your files

10 Principles to let long-form articles more readable If you are going to expand your service into Asia. First, you may see the language wall (and then the…

If you’ve read thoughtbot’s Git protocol guide , you’ll know thatonce a branch has been code reviewed, we encourage the branch’s author to use an interactive…

Favourite quote so far this week: "Support is bafflingly nuanced." helpx.adobe.com/typekit/using/…

Display the description of your npm scripts

Via monospaced.

PostCSS plugin to add :focus selector to every :hover for keyboard accessibility

Flexbox Patterns Source on GitHub Tweet this Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive…

I recently redesigned and implemented a new version of VideoPress, the WordPress video platform. The process involved, among other things, creating a new UI,…

UI development as a first-class citizen The single hardest part of front-end development at any scale is making changes to code and understanding all of the…

Command line interface for browerslist

Handlebars helpers which implement layout blocks similar to Jinja, Nunjucks (Swig), Pug (Jade), and Twig.

This is an Express view engine which renders React components on server. It renders static markup and *does not* support mounting those views on the client.

I recently took part in a panel discussion discussing continuous delivery of micro-services hosted by ElectricCloud with Daniel Rolnick , Darko Fabijan and…

15 April 2016 In which I explain the many and varied reasons why I decided that my life wouldbe happier outside of the Government Digital Service after 3+ years…

Patterns mean a lot of things to a lot of different industries, from fabric patterns in fashion to patterns for sand casting metal components. Even within the…

The Experimental Layout Lab of Jen Simmons Check back often. This will keep changing. Includes the demos for: Revolutionize Your Page: Real Art Direction on the…

The Dictionary of Obscure Sorrows The Dictionary of Obscure Sorrows is a compendium of invented words written by John Koenig. Each original definition aims to…

Photo: Moving Day by Nicolas Huk Between 2000 and 2010, Bryan and I lived a somewhat nomadic lifestyle. We moved more than fifteen times, including stays of…

T ony was talking about how he wound up getting paid to care less – less about his sick patients, less about the specialism that demanded years of study, less…

a little utility for testing minimatch

Babel is a compiler for writing next generation JavaScript. https://babeljs.io/ JavaScript Other Latest commit 98685d2 Apr 11, 2016 hzoo Merge pull request…

React is a great way to generate static HTML with a component-based UI.One of the biggest hurdles to working with React is the amount of boilerplate and build…

Have you ever thought of aligning text smartly in CSS? You must try now. No there is no CSS property text-align:smart or smartly Let’s see an example Here we…

Recently, I started to work on a project that helps us to develop UI components isolated from the main app. Initially, I assumed everyone would write CSS in…

As the dust settled on the 2008 financial crisis, the Bank of England started a process that would eventually open the door for a new type of bank to enter the…

You want to make a native wrapper for WhatsApp Web (or any web page). $ nativefier web.whatsapp.com You're done. API Documentation Changelog Development…

‘If a courier gets sick or is involved in an accident, the company can just drop them.’Illustration: Bill Bragg H ere are two things you probably know. First,…

A lot of contractors will purchase membership with IPSE (the association of Independent Professionals and the Self Employed, previously PCG – Professional…

Going coastal … Happisburgh beach and eroding cliffs.Photograph: Alamy F or a small country like Britain, the idea of claiming one of the longest footpaths in…

Last week, Vibram, the company that makes the five-fingered running shoes (well, the first version), settled a $3.75 million class action lawsuit , bought in…

Book Information: 65 pages ISBN: 978-1-907828-18-8 Live example files CSS animations open up a whole new way to look at and use CSS to bring motion to the web…

Several years ago I got curious about how css worked at scale. When I first started out, there weren’t nearly as many learning resources as there are now. There…

CSS Grid Layout (aka "Grid"), is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based…

Here’s a campfire horror story of legacy code that probably sounds at least somewhat familiar. One day, your manager strolls by casually, sipping a cup of…

Advertisement There’s more to spaces than the key you instinctively hit between words with one of your thumbs. Let’s find out what other space characters there…

Advertisement Have you ever wanted to use a particular CSS feature but didn’t because it wasn’t fully supported in all browsers ? Or, worse, it was supported in…

With the introduction of any new front-end tool, there comes the important questions with regard to its potential value in an already congested marketplace.…

You have just been onboarded to an existing project to replace a departing developer. Or maybe you just opened that old project of yours from a few years ago.…