Luke Brooker

96 Flips | 2 Magazines | 27 Followers | @lukebrooker | Obsessed with the internets, interfaces and experiences. Amateur coffee and beer enthusiast. UX Designer at Red Hat.

A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App

<i>Editor's note: This post is ≈3,000 words. It covers many different aspects of perceived performance of mobile websites as well as practical solutions</i> …

Web Development

Canvas Inspection using Chrome DevTools

Introduction<p>It doesn’t matter if you’re using a 2D or WebGL context, anyone who has ever worked with the <canvas> element knows that it can be …

Image compression for web developers

Introduction<p>As images continue to be the largest part of webpage content, it’s critically important for web developers to take aggressive control of …

Responsive Elements - Helps you build better responsive websites

The above demo element has the following classes attached to it. <b>Go ahead and drag the slider to see these classes update.</b><p><b>gt50 gt100 gt150 gt200 gt250</b> …

Web Design

Client-side full-text search in CSS

Using data- attributes for indexation, and a dynamic stylesheet with a CSS3 selector for search, it is straightforward to implement a client-side …

Responsive Headache Relief for Android

Android comes in a multitude of screen forms, sizes and densities which can be a real headache for many mobile app designers. To help alleviate this …

Wraith

Today we are announcing the release of a front end regression testing tool called Wraith. This tool is something we have been using for the last 6 …

Your app makes me fat

In 1999, Professor Baba Shiv (currently at Stanford) and his co-author Alex Fedorikhin did a simple experiment on 165 grad students.They asked half …

Mobile Product Lists Need Very Distinct Hit Areas

This is the 6th in a series of 8 articles on mobile usability that draw on findings from our mobile e-commerce usability report.<p>When displaying …

Yahoo is now part of Oath

Before you continue...<p>Yahoo is now part of the Oath family. Due to EU data protection laws, we (Oath), our vendors and our partners need your consent …

Data Protection

11 Minutes of Pure Beatboxing Genius

Using only his voice and a microphone, Australian beatboxer Tom Thum gave a dynamic performance at TEDxSydney in May. His 11-minute act was uploaded …

The Pixar Theory - Every Pixar Movie Is Connected

Every Pixar movie is connected. I explain how, and possibly why.<p>Before we go further, I should let you know that The Pixar Theory is now a published …

A Homeless Man and His BlackBerry

You could tell he was different the moment he walked in the coffee shop. It wasn’t his appearance. He looked presentable, if a little rough around …

Radiation-free responsive experiences - video presentation from Andrew Fisher

Radiation-free responsive experiences – video presentation from Andrew Fisher<p>A responsive experience may take place in part in the browser, but it …

Stylie

RESIZE.THATSH.IT

#ResizeThatShit is a responsively designed jigsaw puzzle for the browsing elite. Play on, player. http://www.resize.thatsh.it

Making a 60fps Mobile App

<b>Update:</b> some folks are saying the link to the app isn’t obvious. The app is at http://weight.aerotwist.com and if you can’t check on your mobile …

The Future Of UX Design: Tiny, Humanizing Details

Designer Dan Saffer’s new book, Microinteractions, makes the case that design is in the details–the very small details that make systems friendlier.<p>Dan Saffer, like many designers, likes to quote Charles Eames. But unlike many designers, Saffer–Director of Interaction Design at Smart Design–wrote a …

Google Glass Browser: HTML5 and Responsive Web Design in your head

Tweet Google Glass has included a web browser. That means a new device factor for web development and Responsive Web Design. In this post, I’ll make …

the new code – not found – blog / 708

Refactoring Github’s Design by Ian Storm Taylor

Reducing an interface until only the <i>absolutely</i> necessary elements remain is one of the most satisfying tasks in design.<p>First you notice duplication …

Password Protection

Why your users hate Agile development (and what you can do about it)

Most software developers I know really like Agile. There are a lot of advantages: The iterative process gives developers confidence that the …

A Rapid Prototyping Toolbox for Designers with Jekyll and Foundation 4

Learn how to rapidly prototype marketing websites or blogs with a simple set of tools–Jekyll and Foundation 4. This isn’t necessarily the <b>fastest</b> way …

Font Hacking

What if I told you there was a way to radically alter your web pages without using images, javascript, proprietary CSS3 or any extra markup? What if …

Working around a lack of element queries

Posted by Scott on 06/21/2013<p>Lately, we've been running into a recurring dilemma when building responsive designs. We want to build responsive …

Web Development

Viewport relative unit strangeness in iOS 6.

Using the new viewport-relative units in CSS3 is compelling when creating flexible layouts across different screensizes. It is early days though, and …

Towards an extensible web

• By: John<br>• Tweet: @johnallsopp<br>• June 13, 2013<p>Remember the X in XML, and XHTML? It of course stands for <b>extensible</b>, the idea that these languages allow for …