
Issue #112
Find out how to fix typography inside of CSS 2D transforms, how to create a maintainable Style Guides, how to slash page load times with CSS Font Subsetting and more.


Fixing Typography Inside of CSS 2-D Transforms
Text inside CSS 2-D transforms often looks jagged or misplaced, but Zoltan Hawryluk shows techniques that can fix it.
From Our Sponsor

Get More High-Paying Web Design Clients
80% off until the end of May, this video course is taught by the Marketing Director of a 14-year-old web design agency. You’ll learn how to sell $15,000 websites, how to beat the competition, how to manage day-to-day operations, and how to grow your web design business. Get started today!
Articles & Tutorials

A Maintainable Style Guide
In this article Ian Feather discusses some of the current issues with Living Style Guides and highlights how a component based architecture can help you solve these.

Slash Page Load Times With CSS Font Subsetting
Dudley Storey explains how subsetting fonts can be an extremely powerful and useful tool for improving page load times.
Grouping Related Classes in Your Markup
Harry Roberts shares an interesting and potentially useful idea for grouping related CSS classes in HTML.
Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw
Brian Wood gives a nice overview of new generation of visual responsive design tools.
Managing Responsive Breakpoints with Sass
Kitty Giraudel walks you through a couple of ways to use Sass in order to manage responsive breakpoints.
Jobs

Web Designer
Booking.com is looking for world-class Web Designers! As a designer in our Front End team you’ll be a key part of the idea generation process, working in a small startup-like group which takes full ownership of their part of our platform. You’ll work with developers, product owners, copywriters and user researchers to conceive, analyze, hand code & test your ideas. Read more at: www.workingatbooking.com
Tools
Compressor.io
Compressor.io is a powerful online tool for drastically reducing the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.
CSS-Sprite
A CSS Sprite generator that generates sprites and proper CSS files out of a directory of images. It supports retina sprites, and it can also inline base64 encoded sprites.
Inspiration

Inspiration for Article Intro Effects
Manoela Ilic shares a couple of very creative article intro effects.
Until next Week
Happy coding,
Zoran Jambor

CSS Stickers
A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

CSS Weekly YouTube Channel
Weekly hands-on tutorials, tips, tools, news, and more — everything related to CSS and front-end development, created by Zoran Jambor.

