Scott Gruber

27 Flips | 2 Magazines | 14 Likes | 26 Following | 5 Followers | @scottgruber | twitter.com/scott_gruber

The Google Analytics Setup I Use on Every Site I Build

Learning to Use Google Analytics More Effectively at CodePen

<i>Here's how most people use Google Analytics: you copy and paste the default tracking snippet into your templates. Look at the pageview data that</i> …

Thierry Bornier’s Breathtaking Photos of China Will Stun You into Silence

Former fashion CEO Thierry Bornier quit his job and moved to Yunnan, China. The rest is magic.<p>Thierry Bornier is a French landscape photographer living in Yunnan, China. His photographs have been published by National Geographic and he has won numerous awards for his breathtaking aerials. But …

Photography

10 Ways to Visualize Data with WordPress

The ability to easily share data is a foundation of what makes the web so great. But, it’s often been difficult to present data in an easy-to-digest …

The best R package for learning to "think about visualization"

As a beginning data scientist, you’ll have quite a few subject areas that you need to learn (and eventually master).<p>While you’ll certainly need to …

Typewolf

How to set type is nine-tenths of what a designer needs to know, and you’ll find 100% of what you need to know about it in Jeremiah Shoaf’s Flawless …

Typography

What I learnt from creating The Data Visualisation Catalogue

Before I started working on The Data Visualisation Catalogue, my chart toolbox was limited. I knew of only simple charts like a Bar Graph, Pie Chart, …

CSS Grid Layout and Comics (as Explained by Barry the Cat)

It turns out that CSS Grid is pretty good at laying out online comics, especially if you want your comics to be flexible. In this tutorial we’ll use …

My Complete Front End Web Development Setup

I’m a self-taught web developer who has been working professionally in the field since June, 2015. I’m going to write about the setup, programs, and …

Cheers!

Typography

CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout

<b>Editor’s note:</b> <i>Please note that this article is quite lengthy, and contains dozens of CodePen embeds for an interactive view. The page might take a</i> …

Web Design

Connect to MySQL on your Vagrant Machine

I’ve been working on setting up a Go server in vagrant today and one thing I ran into was the lack of phpMyAdmin. Because it’s a Go server there’s no …

Perch Runway 3 as a Headless CMS

The primary end goal for a web content management system has always been the output of HTML to a web page. Content goes in, and all being well, HTML …

Creating AMP Pages with Perch

AMP (Accelerated Mobile Pages) is a way to build versions of your pages optimised for speed. AMP pages are just another text format – like HTML or …

Designing for Performance by Lara Callender Hogan

The animal on the cover of <i>Designing for Performance</i> is a tufted coquette (<i>Lophornis ornatus</i>), a tiny hummingbird that breeds in eastern Venezuela, …

JavaScript for Web Designers by Mat Marquis

Mat consistently demonstrates empathy for you (his reader), your users, and the future maintainers of your code, making this book a great companion …

CSS Grid is magic! Give it a try today. Great for prototyping now; really useful in future. @rachelandrew #aeaorl https://t.co/sCLCqIWQju

Free Learn Grid Layout video series

Learn Grid Layout Video Series<p>Learn by watching! In addition to all of the example code on this site, I’m creating a series of short video tutorials …

Video Tutorials

Designing for Sustainability

A Redesign with CSS Shapes

Here at An Event Apart (an A List Apart sibling) we recently refreshed the design of our “Why Should You Attend?” page, which had retained an older …

Chronicle Display Fonts | Hoefler & Co.

Chronicle, a “blended Scotch.”<p>A vigorous hybrid of time-honored forms and contemporary design strategies, Chronicle Display is a new suite of …

Typography

A glimpse of the Perch 2.9 UI

The biggest feature of the Perch 2.9 release will be the shiny new user interface for the Control Panel. We thought that you might like to see how …

A Journey Through Beautiful Typography In Web Design

Exquisite Uses Of Type<p>Matt Luckhurst This page is colorful and fun. You are greeted with lovely serif letters — and after a bit, you realize that the …

Free SEO Tools by Paul Shapiro

<i>It is a common fallacy that Google has a character limit for title tags. Really, there’s a pixel width limit. Use this tool to check the pixel</i> …

Collective #253

Inspirational Website of the Week: RSQBold typography and meaningful, smooth micro-interactions make this site a gem. Our pick this week. Get …

Handling JSON like a boss in PHP · daschl writes. sometimes.

There are already lots of tutorials out there on handling JSON with PHP, but most of them don’t go much deeper than throwing an array against …