Issue #91

December 26, 2013

Headlines

Case Study: How we built the scenes on Google Santa Tracker

The 14islands team shares their experience with creating Google Santa Tracker (a cool Christmas calendar that consists of 24 interactive scenes).

Stunning visuals with Maths and...no JavaScript?

Ana Tudor

In this talk Ana Tudor deconstructs some mathematical visualizations created using nothing but HTML and CSS and explains the mathematical reasoning behind, reveals a few lesser known things about certain CSS properties and shows how using a preprocessor can help with keeping these demos extremely customizable while actually writing very little code.

From our sponsor

Media Temple

The best web hosting service is the one that works for you – from the simplest WordPress blog or portfolio site to small business websites, e-commerce, and beyond. Media Temple provides reliable web hosting and 24/7 live support.

Articles & Tutorials

Intro to Shadow DOM

Agraj Mangal

Shadow DOM provides a very elegant way to encapsulate HTML and CSS, and Agraj Mangal provides a very nice introduction to it in this fine article.

An Introduction to Source Maps

Matt West

In this blog post Matt West teaches how source maps work and takes a look at how to generate them. Although he’s focussing primarily on source maps for JavaScript code, the principles apply to CSS source maps too.

Preprocessing SVGs for the Web in 3 automated steps

Alexander Goedde

Alexander Goedde shows an automated solution which covers problems with cross-browser display of SVGs and how to solve them, SVG size reduction through optimization and compression and generating PNG images for fallback solutions.

Treehouse Show Episode 71

Nick Pettit & Jason Seifer

In this episode of The awesome Treehouse Show, Nick Pettit and Jason Seifer talk about animated GIFs for documentation, Chrome DevTools for mobile, Grunt and more.

Gradient Animation Trick

Will Boyd

Will Boyd shows a quick-tip that will enable you to animate gradient colors in CSS.

The Double Ampersand Selector

Guil Hernandez

A really nice quick-tip on ampersand selectors in Sass by Guil Hernandez.

Jobs

UX Designer

Booking.com -#1 accommodation website- is looking for the world’s smartest designers.
You’re excited about the endless potential of the web and a writer of excellent HTML & CSS? Make meaningful and measurable improvements impacting millions of people. Learn more about us: http://goo.gl/qpOCYU

Tools

Bulletproof Email Buttons

Bulletproof email buttons is a tool that lets you design gorgeous buttons using progressively enhanced VML and CSS, and also create rock-solid background images for emails.

Type-o-matic

Type-o-matic is a browser (Firebug for Firefox, currently) extension that counts all the fonts on a page and orders them by color and size before happily outputting some information about it which can help you analyze and optimize your site’s typography.