Leon Poole

68 Flips | 1 Magazine | @leonpoole | Keep up with Leon Poole 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 “Leon Poole”

Tips for Public Speaking – speaking.io

Who am I? I'm Zach Holman. I've spoken at more technical conferences than anyone else on the planet, aside from those who have spoken at more …

Viewport Sizes and Pixel Densities for Popular Devices

Mobile Technology

PSD to HTML is Dead

PSD to HTML tutorials are all over the web. In fact, many people have asked me why there’s not a PSD to HTML tutorial on Treehouse. In addition to …

CountUp.js

CountUp.js is a dependency-free, lightweight JavaScript "class" that can be used to quickly create animations that display numerical data in a more …

SpinKit

.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; …

Game Development

60fps scrolling using pointer-events: none – Ryan Seddon

Paul Lewis did an interesting article a while back about avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a …

Web Development

Avoiding Unnecessary Paints

Introduction<p>Painting the elements for a site or application can get really expensive, and it can have a negative knock-on effect on our runtime …

Web Development

Responsive Images with Apropos – Square Corner Blog – Medium

A simple way to serve up appropriate images for every visitor.<p><i>Written by</i> <i>Gabriel Gilder</i><i>.</i><p><i>有志による日本語訳は</i><i>こちら</i><i>から。</i><p>When Square’s front-end engineering team was …

Lucky • Ninjas and Robots

• Opportunity looks a lot like hard work. No job is beneath you. And they are all stepping stones to the next thing you want to accomplish.<br>• Being smart …

Working with Smart Icons

Iconic Smart Icons range in utility from changing display states and managing toggles via data attributes to loading and playing audio files, being …

Workwankers

Handle your users losing their internet connection like a pro

What is Offline.js?<p>Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail.<p>It captures AJAX …

Let me tell you why the last 20% of work takes the same amount of time as the first 80%

You know when developers tell you that they did 80% of the application in x days and that they need the same amount of time for the last 20%?<p>I was …

rainyday.js

About<p>The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on …

Welcome to Flipcase

Front-end CSS Frameworks

CSS

Magento: The Right Way

Use <update handle="" /> to refactor repeated block declarations.<p>Move blocks from one reference to another using <action …

Web Design

favico.js

Attribute<p>Default<p>bgColor<p>#d00<p>Badge background color<p>textColor<p>#fff<p>Badge text color<p>fontFamily<p>sans-serif<p>Text font family (Arial, Verdana, Times New Roman, …

Sidebar Transitions

Slide in on topRevealPushSlide alongReverse slide outRotate pusher3D rotate in3D rotate outScale down pusherScale UpScale & rotate pusherOpen …

On Scroll Header Effects with CSS Transitions

At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to …

Quick Tip: How to Make a Repeating Japanese Wave Pattern in Adobe Illustrator

Repeating patterns can be confusing to make and sometimes creating a quick and easy pattern will leave you with a result that is less than …

Graphics

Creative Link Effects

A directory of direct links to delete your account from web services.

The links above are colour-coded to indicate the difficulty level of account deletion:<p>Easy - Simple process<br>• Medium - Some extra steps involved<br>• Hard - …

Flat Surface Shader

Admit it, 3D is cool. But, you know what's cooler? 2D.<br>I love WebGL, but unfortunately it doesn't work everywhere.<p>This lighting simulation can be …

Game Development

User Inter Faces

Making Infield Form Labels Suck Less

Jackson Fox and Jeremy Fields did an excellent 2-part write on the use of “infield” labels at Viget. There are several techniques for placing labels …