Issue #88

December 6, 2013

Headlines

Animated SVGs: Custom easing and timing

Mike Fortress

Mike Fortress explains how was Sprout team able to reduce page size and page load time significantly by using animated SVGs instead of GIFs.

Techniques for Creating Textured Text

Sara Soueidan

Sara Soueidan explores all the current techniques for creating image or texture filled text and explains how to apply them.

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

Writing modular CSS (BEM/OOCSS) selectors with Sass 3.3

Ben Frain

Ben Frain shows how Sass 3.3 enables you to easily work with BEM/OOCSS methodologies.

Device State Detection with CSS Media Queries and JavaScript

David Walsh

David Walsh shows a very simple way you can tell in JavaScript which media query is currently active.

Bad Benchmark, Right Result

Paul Lewis

Paul Lewis explores the performance implications of using WebKitCSSMatrix for building 3D transforms (versus building 3D transforms with strings on the fly).

Getting Started with Stylus

David Walsh

An excellent introduction to Stylus CSS preprocessor by David Walsh.

IE11 “Emulation” and Conditional Comments

Louis Lazaris

Louis Lazaris explains that IE11 Document mode doesn’t support conditional comments. Therefore, you’ll have to resort to VMs if you want to correctly test conditional comments.

Imitating calc() Fallback or Fixed-Width Sidebar In Responsive Layout

Osvaldas Valutis

Osvaldas Valutis demonstrates where and why to use calc() and shows how can calc() be useful even when you’re not calculating anything.

Jobs

Front End Engineer at The Monkey Inferno

The Monkey Inferno is a startup idea lab where we work in small teams to dream up and build new consumer web products. We’re hiring a Front End Engineer to work on a variety of challenges — from established websites to experimental ventures to mobile webviews.

Tools

Buttons

Alex Wolfe & Rob Levin

A short while ago an awesome Buttons library by Alex Wolfe was featured here; if you’re using it, you’ll be pleased to know that v1 of the library was just released. One of the best new features is completely rebuilt builder, which will allow you to easily customize every aspect of the library and then download it. Make sure you check it out.

Colorpeek

Tyler Sticka

Colorpeek is a Chrome extension that helps you quickly see and share colors in whatever CSS notation you’re already using. It supports hex, RGB(a), HSL(a), named colors and even some non-standard brand colors.

Inspiration

Alice in Videoland

Rachel Nabors

Rachel Nabors explains in detail how she created an incredible interactive storybook web app called Alice in Videoland. Also, make sure you check out the supplemental article on Adobe Inspire, which focuses on the artistic/retina perspective.