Home » NewsBlog » CSS

A Round-Up of 2017 Round-Ups

2018-01-06T03:01:50+00:00 January 6th, 2018|Categories: News, Tutorials|Tags: |

This week marked the beginning of a new year and with it came a slew of excellent write-ups from folks in our industry reflecting on the year past. We thought it would be nice to compile them together for easy reference. If you know of any others that should be on everyone's radar, please leave [...]

Front-End Performance Checklist

2018-01-05T03:01:41+00:00 January 5th, 2018|Categories: News, Tutorials|Tags: |

Vitaly Friedman swings wide with a massive list of performance considerations. It's a well-considered mix of old tactics (cutting the mustard, progressive enhancement, etc.) and newer considerations (tree shaking, prefetching, etc.). I like the inclusion of a quick wins section since so much can be done for little effort; it's important to do those things [...]

26 Fabulous Scripts Fonts

2018-01-05T03:01:28+00:00 January 5th, 2018|Categories: News, Tutorials|Tags: |

(This is a sponsored post.)Just $9. They are nicely constructed as well, with stylistic alternates, ligatures, punctuation, extra characters, and multilingual support. Direct Link to Article — Permalink26 Fabulous Scripts Fonts is a post from CSS-Tricks CSS Tricks Go to Source Author: Chris CoyierPowered by WPeMatico

Fun Times With Sizing Grid Elements

2018-01-05T03:01:24+00:00 January 5th, 2018|Categories: News, Tutorials|Tags: |

Chris showed us a little while back that CSS grid areas and their elements are not necessarily the same size. It's an interesting point because one might assume that putting things into a grid area would make those things occupy the entire space, but grid areas actually reserve the space defined by the grid and [...]

CodePen’s Most Hearted of 2017

2018-01-04T03:01:24+00:00 January 4th, 2018|Categories: News, Tutorials|Tags: |

The most fun year-end list there is, if you ask me. Direct Link to Article — PermalinkCodePen’s Most Hearted of 2017 is a post from CSS-Tricks CSS Tricks Go to Source Author: Chris CoyierPowered by WPeMatico

Array Explorer and Object Explorer

2018-01-04T03:01:22+00:00 January 4th, 2018|Categories: News, Tutorials|Tags: |

Sarah made these incredibly handy interactive code reference... thingers. The idea is perfect. I'm in this position regularly. I know what I have (i.e. an array or an object). I know what I want to do with it (i.e. get an array of all the keys in my object). But I forget the actual method [...]

Improving the Accessibility of 24 ways

2018-01-04T03:01:13+00:00 January 4th, 2018|Categories: News, Tutorials|Tags: |

I’ve been thinking recently about the nature of my work and which aspects of it I enjoy the most. In a role that will often straddle the realms of design and development, whether editing copy, evaluating the design of an interface or refactoring code, I've come to realize that my interests lie in the act [...]

You are what you document

2018-01-03T03:01:34+00:00 January 3rd, 2018|Categories: News, Tutorials|Tags: |

There are so many little gems in this piece by Yevgeniy Brikman all about documentation. He digs into a lot more than simply documenting code though and focuses on how we can document every phase of our work, from design to process and beyond. Here’s my favorite lines that made me sit back and shout [...]