CSS Coding Techniques

Belén Albeza shares some tips for writing better, easier-to-maintain CSS.
Understanding The CSS Property Value Syntax

CSS syntax can be hard, but once you understand how different values can be combined or multiplied, the CSS property value syntax becomes much easier to comprehend.
From Our Sponsor
Free Online Proofing Tool

Share designs, PDFs & images. Get real-time feedback from your collaborators.
Articles & Tutorials
Debugging CSS
Ben Frain shares his methodical problem solving approach for debugging CSS.
More Meaningful CSS
Jonathan Snook shares his thoughts on writing meaningful, maintainable CSS.
Architecting Front-end Styles
Will H McMahan on how to build consistent, scalable front-end styles.
Angled Edges with CSS Masks and Transforms
Jeremy Frank shows how to easily add angled edges to elements with CSS Masks and Transforms.
Reducing JPG File Size
Colt McAnlis explains how to make sure your JPG files are as small as possible.
Jobs
Stop Applying to Jobs - Let Companies Apply to You

On Hired, sign up in 10 minutes and get offers from top companies like GitHub, Uber, & Stripe. Engineers get an average of 5 offers on the platform in 1 week.
Tools
Flex Layout Attribute
Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — ‘layout’ and ‘self’.
Style Guide Auditing Tool
Audit the CSS on a page to see what elements are using styles from the style guide and which styles are overriding them.
Inspiration
To Write Better Code, Read Virginia Woolf

Coding and writing are judged by many of the same standards: elegance, concision, even beauty.
Until Next Week
Thanks for reading and thanks for your support, *|FNAME|*.
Happy coding,
Zoran Jambor
Until Next Week
If you like this newsletter, please consider supporting us on Patreon. Thank you!
Happy coding,
Zoran Jambor