Tim Ackroyd

40 Flips | 1 Magazine | 9 Following | 1 Follower | @timack | Keep up with Tim Ackroyd on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Tim Ackroyd”

Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? | CSS-Tricks

By Philippe Bernard On August 18, 2014<p><i>The following is a guest post by Philippe Bernard. Philippe has done research on what it takes to make a</i> …

Testing Best Practices at Etsy

What is this document?<p>This is an introduction to the ideas and approaches that motivate good testing. We'll walk through a concrete example of a …

Software Development

JavaScript — The weird parts

A journey through some language oddities<p>In this post I’d like to recap some of the things we talked about at the January YYCJS meetup. It was all …

JavaScript

Online JSON Viewer

<b>JSON</b>, short for <b>JavaScript Object Notation</b>, is a lightweight computer data interchange format. JSON is a text-based, human-readable format for …

High Performance Map Interactions using HTML5 Canvas

Last week, you may have noticed that we released a facelift for our interactive maps. Our Deal Score markers have finally been brought up to 2014 …

Templating

JavaScript templating is one of those concepts, where before you use it, you may not see a need for it, but once you have; there’s no going back. It …

Single Element CSS Spinners

Advanced Front-end Debugging

Bio<p>Panos Astithas is a software engineer at Mozilla, working on Firefox Developer Tools. He has worked for more than fifteen years as a senior …

The secrets of the Guardian's responsive redesign

One of the world's most widely read newspaper websites, the Guardian attracts tens of millions of unique visitors each year. With that audience …

How the Guardian’s dating website was redesigned with a new responsive layout<p>Toward the end of 2013 we faced two challenges with Soulmates: first, users had told us that the design looked a bit tired. Second, we had a mobile website which was lacking a lot of functionality, and was not very …

Advanced performance tooling in Chrome DevTools - Paul Irish @ Velocity 2014

YouTube

Deep dive into the murky waters of script loading

Introduction<p>In this article I’m going to teach you how to load some JavaScript in the browser and execute it.<p>No, wait, come back! I know it sounds …

X to Close

The origins of the use of [x] in UI design.<p>X’s are everywhere in user interface (UI) design. A powerful symbol, [x] is capable of closing windows and …

Visual Design

Mobile Onboarding: A Beginner’s Guide

To Onboard Or Not To Onboard?<p>In recent years, we’ve seen plenty of discussion on the usefulness of onboarding in mobile apps. A popular argument …

webdesignerschecklist.com

Paul Irish, "Delivering the goods" - Fluent 2014 Keynote

Google Chrome

Learn JavaScript Essentials

(for all skill levels)<p>by Eric Elliott<p>One Clear Path<p>There are so many JavaScript resources available out there, it’s hard to understand how much of it …

JavaScript

Jesse James Garrett — 15 Lessons From 15 Years In UX (SmashingConf NYC 2014)

Child and Sibling Selectors | CSS-Tricks

By Chris Coyier On April 14, 2010 CSS<p>Do you know what the difference between these selectors are?<p>I'll admit it took me longer than it probably should …

Secrets of the Chrome Developer Tools

Design Responsive Websites In The Browser With Webflow

Getting Started<p>Getting started in Webflow is a relatively simple. Head over to the website, create an account, and give the free trial a go. Make …

On Web Typography: Smart quotes. Punctuation is a system. http://dogroup.co/1qR8m8B

Create illustrated type for advertising

When a client needs an image-led solution to a problem as soon as possible, you often have to rely on your Photoshop workflow and in-depth knowledge …

Must-Watch CSS

This is a collection of well-received talks about CSS, covering topics such as CSS frameworks, Sass, SVG, animation, scalability, CSS performance, …

‘Origins of Common UI Symbols’ by Shuffle

They are road signs for your daily rituals – the instantly recognized symbols and icons you press, click and ogle countless times a day when you …

InterAct

CSS at Lonely Planet

Inspired by Mark Otto's post Github's CSS I thought I would quickly jot down how Lonely Planet’s CSS is structured. I thought it was interesting to …

Loneliness