css – Johan Ronsse

Overengineered packages?

September 6, 2019 - Posted in css development javascript npm react

Is a package like classnames “overengineered”? I stated on Twitter that a package called classnames felt overengineered to me. I based myself on the npm page where this code example is given: var btnClass = classNames(‘btn’, this.props.className, { ‘btn-pressed’: this.state.isPressed, ‘btn-over’: !this.state.isPressed && this.state.isHovered}); The first reason I felt this was overengineered was because this kind of code actually belongs in […]

Re: The technical side of design systems

June 22, 2019 - Posted in css interface web workflow

(or: should designers write React code?) This is some extended writing that got kickstarted by watching Brad Frost’s talk about Design Systems at the recent CSS Day 2019. If you are interested the video is online. Before the conference I had heard a podcast episode where Brad was talking about design vs. dev and design […]

CSS day 2019 – Part 1: UI special (2/2)

June 19, 2019 - Posted in conference css design

Continuing on from my first post about the first day of CSS day, here’s the second post which covers two more talks. The CSS day team already put up all the videos from CSS day on YouTube, so you can already watch all of the talks! Amazing. 1.5 Brad Frost – The technical side of […]

CSS day 2019 – Part 1: UI special (1/2)

June 15, 2019 - Posted in conference css design

I wrote so much about CSS day that I decided to split the content in multiple blog posts. I posted the intro yesterday. Now it’s time to get into the talks. CSS day is a 2 day conference. Day one was the “UI day” with a focus on design talks, often zooming in on the […]

CSS day 2019 is over (and it was great!)

June 15, 2019 - Posted in conference css report

Just like last year I went to CSS day – and I had a blast. Two days filled with a well curated programme. Perfect organization in a perfect venue. This year I took two of my colleagues along – Eva and Emily – and judging from their feedback they had a great time as well. […]

Reduced motion media query

February 16, 2019 - Posted in accessibility css

I wrote about making a website dark according to user preferences. I also pleaded for a standards-based implementation of a way to detect high contrast mode. There are other media queries that can make a website accord to user preferences. Something that has existed for a while now is the “Prefers reduced motion” media query which helps […]

Time for a new quality CSS framework

January 12, 2019 - Posted in css

There are two main schools of thought in CSS frameworks. There is the old guard (Foundation/Bootstrap) that is good for entry level work/learning but creates problems on bigger projects due to style leakage and not enough strictness in namespacing. Then there is a new logic with lots of utility classes (which might get recompiled to […]

We need a standards-based way to detect high contrast mode

November 19, 2018 - Posted in accessibility css

So, contrast. It’s one of the most important success criteria for passing WCAG. It was top of mind in this design project recently where a lot of the branding was orange, and the problem was that white text on orange buttons didn’t pass WCAG 2.1. The project was government-related and for a large audience so I […]