Home » NewsBlog » CSS

What Houdini Means for Animating Transforms

2018-03-08T03:05:26+00:00 March 8th, 2018|Categories: News, Tutorials|Tags: |

I've been playing with CSS transforms for over five years and one thing that has always bugged me was that I couldn't animate the components of a transform chain individually. This article is going to explain the problem, the old workaround, the new magic Houdini solution and, finally, will offer you a feast of eye [...]

Productivity Tip: Time Tracking and Task Lists, Unite!

2018-03-07T03:05:27+00:00 March 7th, 2018|Categories: News, Tutorials|Tags: |

I've shared this little productivity tip with enough folks who have found it useful and figured I'd make a post out of it. I love time tracking and I love task lists, but boy do I hate managing them both. So, I've been using my time tracker as my task list. I use Harvest for [...]

CSS Techniques and Effects for Knockout Text

2018-03-07T03:05:23+00:00 March 7th, 2018|Categories: News, Tutorials|Tags: |

Knockout text is a technique where words are clipped out of an element and reveal the background. In other words, you only see the background because the letters are knocking out holes. It’s appealing because it opens up typographic styles that we don’t get out of traditional CSS properties, like color. While we’ve seen a [...]

React Native: A Better DOM?

2018-03-06T03:05:43+00:00 March 6th, 2018|Categories: News, Tutorials|Tags: |

How do we convince web developers that React Native has already solved many of the hardest GUI problems for them? Go back in time and release React Native before React DOM? Is there an easier way… — Nicolas (@necolas) March 1, 2018 Like a lot of people in this Twitter thread, I didn't really understand [...]

Three Techniques for Performant Custom Font Usage

2018-03-06T03:05:31+00:00 March 6th, 2018|Categories: News, Tutorials|Tags: |

There’s a lot of good news in the world of web fonts! The forthcoming version of Microsoft Edge will finally implement unicode-range, the last modern browser to do so. Preload and font-display are landing in Safari and Firefox. Variable fonts are shipping everywhere. Using custom fonts in a performant way is becoming far easier. Let’s [...]

V6: Color

2018-03-03T03:05:43+00:00 March 3rd, 2018|Categories: News, Tutorials|Tags: |

This is a lovely little post by Rob Weychert about color theory, hierarchy and how to implement those colors in a design system. It’s particularly interesting hearing what Rob has to say on HSL, which is an alternative way of setting the color of an element in CSS: For color adjustment, HSL brings a level [...]

Building a Serverless CMS Powered by Vue.js

2018-03-03T03:05:32+00:00 March 3rd, 2018|Categories: News, Tutorials|Tags: |

Vue.js, a progressive framework for building user interfaces, is gaining in popularity among developers. But why yet another JavaScript framework? Vue has learned from the experiences of Angular and React and many see it as simpler to implement and understand. Vue.js is lightweight and easily adoptable. It’s reactive and component-based, allowing you to create pluggable [...]

Third party CSS is not safe

2018-03-02T03:05:31+00:00 March 2nd, 2018|Categories: News, Tutorials|Tags: |

...because third-party anything really isn't safe. Jake Archibald: If you're worried about users tricking your site into loading third party resources, you can use CSP as a safety net, to limit where images, scripts and styles can be fetched from. We've long discussed security considerations for using and managing third-party scripts, but the topic of [...]