Friday, August 8th, 2014

Tablesaw - A Flexible Tool for Responsive Tables

Those lovely people at Filament Group share some of their techniques for making data tables work across a range of screen sizes.

Belong.io

A nice simple little service from Andy Baio that extracts links from Twitter and orders them by freshness and popularity.

On Blogging - Plausible Thought

If you enjoy writing, or want to enjoy writing, just do it. You’ll probably worry that you have nothing to say, or that what you write is terrible, or that you couldn’t possibly write as well as Neil Gaiman. But silence those voices, get your head down and hit publish on something. Anything. And then do it again. And again.

Wednesday, August 6th, 2014

Pure CSS parallax scrolling websites | Keith Clark

This is clever: a way to achieve parallax scrolling without JavaScript—much more performant.

Of course, you might want to ask yourself why you want a parallax effect in the first place.

Monday, August 4th, 2014

Drip, Drop, Groundswell

Cole Peters calls upon designers and developers to realise the power they have to shape the modern world and act accordingly.

It is in those of us who work in tech and on the web that digital privacy may find its greatest chance for survival. As labourers in one of the most pivotal industries of our times, we possess the knowledge and skills required to create tools and ecosystems that defend our privacy and liberties.

I don’t disagree, but I think it’s also important to recognise how much power is in the hands of non-designers and non-developers: journalists, politicians, voters …everyone has a choice to make.

Open standards for contact details and calendar events | Technology at GDS

I’ve been suggesting h-event and h-card as open standards for UK government sites.

We Work in a World of Assumptions – The Pastry Box Project

Dan Donald gets to the heart of progressive enhancement:

Assumptions in themselves don’t have to be inherently bad but let’s recognise them for what they are. We know very little but that can hopefully enable us to be far more flexible and understanding in what we create.

The Web Manifest specification | HTML5 Doctor

The Web Manifest spec is still very much in draft, but it’s worth reading through Bruce’s explanation of it now. Basically, it will provide a way for us to specify in one external file what we currently have to specify in umpteen meta tags and link elements.

A lot can change in 6 years - Allen Pike

An astute comparison of the early years of the web with the early years of the app store. If there’s anything to this, then the most interesting native apps are yet to come. App Store 2.0?

The Mobile Web should just work for everyone - IEBlog

One more reason why you should never sniff user-agent strings: Internet Explorer is going to lie some more. Can’t really blame them though—if developers didn’t insist on making spurious conclusions based on information in the user-agent string, then browsers wouldn’t have to lie.

Oh, and Internet Explorer is going to parse -webkit prefixed styles. Again, if developers hadn’t abused vendor prefixes, we wouldn’t be in this mess.

Friday, August 1st, 2014

Sound of Summer | Library Manifesto

The best archivist I ever knew was also a coder and my best friend. Her name was Chloe Weil.

Events « Brighton Digital Festival

There are 90 events happening in September during the Brighton Digital Festival (including dConstruct, of course). From Maker Faire to an evening of slash fiction, there’s something for everyone.

Thursday, July 31st, 2014

How we make RWD sites load fast as heck

Scott shares the code that Filament Group are using to determine which style declarations are critical (and can be inlined) and which are non-critical (and can be loaded asynchronously). It makes quite a difference in perceived performance.

By the way, I really, really like the terminology of “critical” and “non-critical” CSS, rather than “above the fold” and “below the fold” CSS.

RWD Bloat - daverupert.com

Dave wanted to figure out if having a responsive site necessarily meant taking a performance hit, so he ran the numbers on his own site. It turns out all of performance-related issues are not related to responsive design.

Wednesday, July 30th, 2014

Code Responsibly

Ten facets of web development that you can choose to focus on. One of them is from me …but other nine are worth paying attention to.

Full-width pinned layouts with flexbox

Zoe uses one little case study to contrast two different CSS techniques: display-table and flexbox. Flexbox definitely comes out on top when it comes to true source-order independence.

The Virtual Haircut That Could Change the World | Design | WIRED

A nice profile of BERG’s Little Printer. That Matt Webb is a smart cookie. He is also a very thoughtful cookie.

Jeremy Keith - Pencil vs Pixel

I met Cesar at An Event Apart in San Diego earlier this year. We had a nice lunchtime chat and he suggested that I come on his show, Pencil vs Pixel. I was, of course, honoured and I accepted his invitation immediately.

MORNING, COMPUTER | Warren Ellis on Pacific Daylight Time

If you were in any doubt that Warren Ellis is going to blow the roof off the Brighton Dome at dConstruct, this is what happens when he decides to write a little something every day.

How to build a device lab | Tutorial by Destiny Montague and Lara Swanson

A set of slides from Destiny Montague and Lara Swanson at Etsy with their advice on setting up a device lab. Lara also wrote about the device lab on the Etsy code blog.