Many years ago there were a couple of developers that made a Dutch version of CSS but unfortunately that version got lost to history. When I encountered a PostCSS plugin to translate CSS to German, I decided to create a new Dutch version of CSS: postcss-dutch-stylesheets.
PostCSS-Dutch-stylesheets is a port of postcss-german-stylesheets that allows you to write CSS like this:
.foo {
hoogte: 300px;
ondermarge: 10px;
tekstgrootte: 20px !belangrijk;
achtergrondkleur: zwart;
kleur: wit;
}And it will turn it into
.foo {
height: 300px;
margin-bottom: 10px;
font-size: 20px !important;
background-color: black;
color: white;
}This was mostly something I did for fun in a couple of hours, but I suppose there might be some merit in having a translation of some of the CSS concepts if only for Dutch developers to better understand what each property does.
The german version had both a published npm package and tests running on Travis, so I made sure I added both of those (which was a breeze!). Getting postcss-dutch-stylesheets is as easy as:
$ npm install postcss-dutch-stylesheetsCode is up on Github, feel free to contribute!
Back in 2014, nearly three years ago, I wrote about being tired of always writing a:hover, a:focus and wanting an a:hocus to do both for me. It got a lot of proposed solutions, including a Sass and a future-css one using CSS Aliases. In 2016, a year ago, I revisited the idea with CSS Custom…
The Electron App framework makes it really easy to build cross-platform applications. I know this, because I’ve made a bunch. But how do you find out if people are using the features in your application? You could ask them or wait for them to tell you, but you can also use Google Analytics’ event tracking…
If you look above this text, you can see that the header of this blog has a sloped edge. It’s one of my favorite things about this site’s new design. The technique I used has a consistent angle regardless of screen size, can show background images and only needs one HTML element and no pseudo…