For a long time I’ve wanted to like functional CSS systems like Tachyons and Tailwind. The concepts behind them are really appealing to me. Using short names for CSS property:values saves a lot of typing (hello Emmet, nice to see you again!), but more importantly by limiting the amount of design choices you can make,…
Pixel perfect forms, SenCSs 0.6 released
After only two months, SenCSs 0.6 is released. A lot of the feedback from SenCSs 0.5 has been implemented, a lot of bugs have been fixed, and the form system has been completely rewritten.
New form system
There were numerous problems with the form system in 0.5. It didn’t look like the usual form widgets in most browsers, it didn’t allow for borders, it didn’t align with the baseline very well and it actually alternated the baseline alignment (which was a big mistake on my part.)
So, I completely rewrote it.
And that paid off: it now supports borders, aligns to the baseline perfectly and are pixel perfect in Firefox and Internet Explorer 6/7, and very nearly so in Opera and Safari.
One of the often heard remarks concerning SenCSs 0.5 was a request for a SenCSs Lite. So I gave that some thought, and while I understand the request, it would basically mean downloading the minified version of SenCSs 0.6 and removing everything from line 56 on. For now, I think you are capable enough to do that yourself.
- tweaked sub/sup styling to make them easier to work with
- removed explicit link colour, unneeded background colours, .section declaration
- placed back missing quote functionality in the css reset
- moved list style from the list item to the list container
- fixed safari bug with monospaced fonts
- reworked form styling
- added borders
- refitted to the vertical rhythm
- added optgroup styling for firefox
- pixel perfect in firefox and ie6/ie7
As you can see, next to a new form system, there are quite some bug fixes, including some long standing ones (especially the monospace fonts in safari), and some superfluous stuff has been removed.
For the next version, I hope to get better baseline support in Opera and Safari. While about 90% of the elements work nicely, things like forms don’t work 100% properly yet. Besides that, what would you like to see in SenCSs 0.7?
Modern design tools, of both the vector and code kind, are amazing pieces of software that in recent years have transformed the design profession, but none of them seem to really understand the context that we currently design for. The remnants of fixed-dimensions are still visible in all and the tools are not helping us…
$ npm install postcss-dutch-stylesheets …