Posts tagged: “css”
Detecting transition start
Experiements detecting transition start "events" in CSS.
Accessible contrast with Less and Sass
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?
Understanding flexbox
A detailed exploration of how the space and size of items are determined when using flexbox.
Zero element loading animations
A technique for loading animations that can be applied to existing elements.
Precise control over responsive typography
Creating fluid responsive typography with calc and viewport units.
How do I CSS?
Details of my CSS workflow and frontend development processes in 2015.
Fluid typography examples
Some practical examples of using calc and viewport units for fluid typography and more.
Pattern: Robust icons
A little pattern I wanted to share for creating bulletproof icons.
Style Guides: 50 shades of corporate blue
Sharing some experiences trying to get a design system\living style guide working in a corporate environment.
SVG has more potential
A bunch of interesting techniques for using SVG to make unique responsive components.
Interpolation in CSS without animation
Ideas for a more general purpose interpolation function in CSS.
The invisible parts of 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.
Non-linear Interpolation in CSS
A solution for transitioning lengths values in CSS through more than one 'bending point'.
Using CSS Variables Correctly
Custom Properties have the potential to change how we write and think about CSS.
The Difference Between currentColor & Custom Properties
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.