Issue #306

March 13, 2018

Say Hello to Houdini and the CSS Paint API

Will Boyd introduces the Houdini project and shows how to get started with the CSS Paint API (the first part of Houdini to go live).

Swapping Images with the Sizes Attribute

Scott Jehl shows how to utilize the sizes attribute to create an image magnifier component.

Performance enhancement.

Heavyweight designers & developers know An Event Apart is the web, UX, and interaction design conference where the gloves come off and deep learning begins. So don’t be a dumbbell; join a few hundred of your smartest peers at the design & front-end conference that will make you and your website the best in class.

Set yourself apart. Attend An Event Apart near you.

Articles & Tutorials

What Houdini Means for Animating Transforms

Ana Tudor explains how to animate the components of a transform using Houdini.

CSS Techniques and Effects for Knockout Text

Preethi shows how to achieve and enhance the Knockout Text effect.

Responsive Components: a Solution to the Container Queries Problem

Philip Walton proposes a strategy for implementing container queries today, as an enhancement.

Clean Up Your Code with Modular CSS

Julie Cameron explains the basic principles of Object Oriented CSS.

Accessibility Testing for Beginners

Andrea Fercia shares a few tools you can use to test the accessibility of your website.

GitLab 10.1 released with Image Discussions

Manage your visual assets like you manage your code. Collaborate on design socially with resolvable image discussions. You can easily target a specific coordinate of an image and start a discussion around it.

DeviceFrame

DeviceFrame is a tool that puts device frames around your mobile/web/progressive app screenshots.

Check it out

Prompts

Prompts is a tool that helps you create lightweight, beautiful and user-friendly interactive CLI prompts.

Check it out

Inspiration

Owning the Role of the Front-End Developer

Ronald Méndez explains why our Front-End Developer role requires us to go beyond code, share our ideas, and fight hard to improve the processes we’re involved in.

Get inspired