Issue #201
Find out what background-clip property is and what it does, how can CSS variables be useful for reducing repetition in CSS, how different methods provided by CSS Grid Layout spec for items positioning work, and more.
The `background-clip` Property and its Use Cases
Ana Tudor explains what background-clip property is and what it does.
From Our Sponsor
Imgix
Real-time image resizing as a service. 70ms response times.
Free to try.
Articles & Tutorials
Building & Maintaining OUI (Optimizely’s UI Library)
Tom Genoni explains the thinking and planning behind OUI, Optimizely’s UI framework. Don’t miss Part 2 of this post.
Deep Dive into Grid Layout Placement
A comprehensive review of the different methods provided by CSS Grid Layout spec for items positioning.
Star Rating Re-imagined with Flexbox
Zell Liew came up with a way to build the star rating element with only 50 lines of code (HTML, CSS and JavaScript combined).
CSS Variables: Why Should You Care?
Rob Dodson shows how can CSS variables be useful for reducing repetition in CSS.
Creating Loading Buttons with SVG and Segment
Luis Manuel explains how to create loading buttons that return a feedback response, all in the same animation, using SVG and Segment.
Tools
DevTools Author
DevTools Author is a Google Chrome extension which provides a selection of author settings for Chrome Developer Tools.
AWRStudyr
A Chrome extension that offers powerful SEO & web technologies insights for the currently opened web page.
Inspiration
Is The Internet Killing Creativity?
The internet is a great place. It empowers people to publish and share their knowledge. It is a limitless playground of ideas and creativity. Or is it?
Until Next Week
If you enjoy this newsletter, please consider supporting CSS Weekly on Patreon. Thanks in advance!
Happy coding,
Zoran Jambor
CSS Stickers
A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.
