Anchor Positioning Is Disruptive
New layouts will be possible
The more I play with it, the more convinced I am that anchor positioning is going to unlock some surprising new layouts.
Article
post type
Color Theory for Coders
from Natalya Shelburne
If you write code and you want to delve into design, Natalya Shelburne’s Practical Color Theory for Coders will get you up and running with a beautiful, cohesive, and accessible color palette using Sass color functions, and teach you why her palettes work so well, all at the same time.
So you write code, but design intrigues you and you’d like to delve deeper. Where to start? The sheer number of tools and tutorials is overwhelming. Later this week, I’ll be publishing an article with my recommendations for how to get started, but while you’re waiting, check out Natalya Shelburne’s [Practical Color Theory for People WhoCode][].
Sass Color Functions
Copy permalink to “Sass Color Functions”Natalya is a fine artist, speaker, and front-end developer. Her Sass color functions make it easy to create beautiful color palettes. Start with any HSL color – for example, your client’s primary brand color. Use Natalya’s color functions to find a complimentary color. Mix and lighten your primary and secondary colors to create neutral colors. Darken and lighten these colors even further to create black and white. Voila! You’re designing with color.
In the physical world, colors that appear next to one another experience similar lighting conditions: the bright light of morning or the dim yellow glow of a desk lamp. Using Natalya’s color functions, you can mix your primary and secondary colors to establish the same type of color relationship on the web. Check out Natalya’s demo for detailed instructions. If you’re that person who’s always asking why, she’s even provided a special toggle for you!
Have some color theories of your own? Let’s discuss. Send us a message via Twitter.
Recent Articles
Article post typeUpdates to the Most Desired CSS Feature You Can’t Use Yet
Performance, scope, and fallbacks for the anchor positioning polyfill
Our sponsors are supporting the continued development of the CSS Anchor Positioning Polyfill. Here’s a summary of the latest updates.
Article post typeWhat do survey demographics tell us?
Are we measuring what we meant to measure?
There’s been a lot of interest in the results of the annual State of CSS survey, but are we asking all the right questions?
