Tag: css

Why you should use tailwind for your next project

crysfel Programming

Over the last 12 years I've been building Single Web Applications (SPAs). I've seen how the CSS landscape has changed, from the introduction of SASS, BEM, Bootstrap like frameworks, css modules, style components, etc. All of them trying to bring some sanity to the CSS madness! Definately some improvements over the years, but still all of these solution fail at some point. In the summer of 2018, I learned about a new utility framework called tailwind, the approach is completely different from Continue reading

Sticky banner with Tailwind

crysfel Programming

A few days ago I had to implement a sticky banner at work, at first I thought it would be a simple task but it took me quite some time to figure everything out. On the bright side, I've learned a few new things about CSS in the process. Here are the requirements: The component might be present sometimes depending on some custom logic on the backend. When present, it had to push all the content down and when closed by the user, it had to disappear with a slide up animation. Effectively animating Continue reading