Tags: graphics

29

sparkline

Compressive Images Revisited - TimKadlec.com

Tim explains why that neat trick of making a really big JPEG with quality set to 0% is no longer necessary, and how the savings you make in bandwidth with that technique are nullified by the expense of the memory footprint needed.

Boxy SVG

This is impressive—a fully featured graphics app for creating SVGS right in your browser.

Metaballs

Metaballs, not to be confused with meatballs, are organic looking squishy gooey blobs.

Here’s the maths behind the metaballs (implemented in SVG).

Dwitter

A social network for snippets of JavaScript effects in canvas, written in 140 characters or fewer. Impressive!

The Times | data viz catalogue

Data visualisations created for The Times, complete with code.

The Pudding

A Weekly Journal of Visual Essays

Some lovely data visualisation here.

BLIND : Rogue One

The on-screen interfaces for Rogue One have just the right retro feel next to those for The Force Awakens.

History of Icons – a visual brief on icon history by FUTURAMO

An illustrated history of digital iconography.

CanvasSwirl: An animated spirograph experiment in JavaScript and canvas by xhva.net

But, like, have you have ever really looked at your hand?

Tips for Creating and Exporting Better SVGs for the Web

Sara enumerates some handy tips aimed squarely at designers exporting SVGs. It focuses on Illustrator in particular but I’m sure a lot of this could equally apply to Sketch.

Edible Geography

I’m not sure how I managed to miss this site up until now, but it’s right up my alley: equal parts urban planning, ethnography, and food science.

Using SVG on CSS-Tricks

Chris takes a look at all the different ways you can use SVG today.

rekall

The not-so-new-but-hella-fun aesthetic.

80’s Touch

The Old Aesthetic. It’s eighties-tastic!

MIX Online:Ai to Canvas Plug-In

A plug-in for Illustrator that allows you to export to canvas.

CanvasMol

Beautiful chemistry visualisations using canvas.

Understanding Graphics — Design For The Human Mind

A site on designing with data from the author of Visual Language For Designers: Principles For Creating Graphics That People Understand.

8-Bit NYC

Nifty old-school 8-bit tiles superimposed on OpenStreetMap data.