Posts tagged: “css”
Experiements detecting transition start "events" in CSS.
Contrast is a critical factor in web design, it’s important to get right because it has a strong influence on the visual aesthetic, but it’s especially important for readability and accessibility of text on the page. It’s not a revolutionary idea to suggest that we use Less or Sass to help choose an appropriate text color for a particular background. There are plenty of examples of this, but what is the best way?
A detailed exploration of how the space and size of items are determined when using flexbox.
A technique for loading animations that can be applied to existing elements.
Creating fluid responsive typography with calc and viewport units.
Details of my CSS workflow and frontend development processes in 2015.
Some practical examples of using calc and viewport units for fluid typography and more.
A little pattern I wanted to share for creating bulletproof icons.
Sharing some experiences trying to get a design system\living style guide working in a corporate environment.
A bunch of interesting techniques for using SVG to make unique responsive components.
Ideas for a more general purpose interpolation function in CSS.
Explains the box model, cascade, formatting contexts, positioning, stacking and a lot more about how CSS works. A right of passage, I had to write my version.
A solution for transitioning lengths values in CSS through more than one 'bending point'.
Custom Properties have the potential to change how we write and think about CSS.
There are some interesting differences between how currentColor and custom properties work. Both are examples of dynamic properties in CSS but how they are resolved differs in some very important ways. I recently came across an example of this that had me scratching my head for a while.