Thierry

11 Flips | 1 Magazine | @TBeeckmans | Beeckmans

Use `rem` for Global Sizing; Use `em` for Local Sizing

Richard Rutter’s guide for setting the font-size of an element is interesting: he argues that we should use both em and rem units depending on the …

HTML

A Simple Trick For Creating Color Palettes Quickly

Color plays an important role not only in the design world but also in the world in which we live. A color palette can make or break the design that …

Optimising for 60fps everywhere — GoSquared Engineering

With the latest update to GoSquared we set ourselves the target of achieving a smooth 60 frames per second for all the core UI and animation, across …

Web Development

REM vs EM – The Great Debate | Zell Liew

17th Feb 2016<p>One of the best practices to typography on the web is to use relative units like rem and em.<p>The question is, <b>which should you use</b>? …

The Flexbox Reading List: Techniques And Tools

Flexbox gives us a new kind of control over our layouts, making coding challenges that were hard or impossible to solve with CSS alone …

Web Design

A Quick Overview of `object-fit` and `object-position`

object-fit and object-position are my two favourite CSS properties lately. They give developers control over the content inside an img or a video …

Manuel Rego: Deep Dive into Grid Layout Placement

During the last months as part of my work in Igalia I’ve been focused on finishing the new/missing bits of the <b>CSS Grid Layout Blink’s implementation</b> …

JavaScript

Flexbox & the keyboard navigation disconnect

CSS Flexbox can create a disconnect between the DOM order and visual presentation of content, causing keyboard navigation to break. For this reason, …

UX Design

Design + Sketch – Medium

Getting Set Up With Sketch

I’ve been seeing a lot of articles about what apps to use when designing; what plugins to use, what fonts, colors, etc., but not a whole lot on what …

Automatically art-directed responsive images

<i>This is a guest post by Eric Portis – a proud member of (and newsletter-writer for) the Responsive Issues Community Group. The RICG formulated,</i> …

Web Development