An unknown unknown is something you don’t know you don’t know. When you’re just starting out with web development there are many unknown unknowns. You don’t know enough about what’s possible to know what the right way to do things is. Accessibility is one of them. This morning this image was shared on Twitter: (source: https://webaim.org/projects/million/#frameworks) The general…
SenCSs 0.7 is out
After nearly a year of no official new version (but active development and use regardless) I’ve now officially released the new version of SenCSs: version 0.7. This latest version splits senCSs into multiple files and has a host of smaller improvements.
So, go get it at sencss.kilianvalkhof.com!
The biggest change is that I’ve split all the class specific styles into their own file,
sen.extra.css because I noticed that for most sites, cherry-picking from sen.extra.css works much better. This brings the size of sen.css down to a small 5kb. None of the styles have disappeared, so horizontal forms, message styles and typographic classes are all still there and you can include them all, or just the ones you need.
Move to Github
Pretty much all my open source work in the past year has been published on Github except for SenCSs, which up till now was located at Google Code. Github kicks Google Code’s ass in almost every way and active development is much easier this way. With SenCSs on Github, I hope to recieve patches and improvements from other people as well.
The CSS for forms has received an update, with cleaner selectors, fixes for the display of buttons and the vertical rhythm. This release also has fixes for monospace text in webkit and various bugs in IE8.
Full change log:
- move all helper classes to an external file
- Fix vertical rhythm for certain form elements
- Remove the text-align center from message styles
- add explicit font-weight declarations to the heading elements
- clean up documentation and repository
- move fully to GitHub
- hide focus effect on buttons in firefox
- clean up form css
- add a number of IE8 fixes
I hope you enjoy this release, and I look forward to the forks and patches that can be made thanks to hosting it on GitHub!
One term that keeps coming up in the design community as a stand-in for layout is “box model”, for example in “Why don’t design tools have the box model?” The CSS Box model is a well-defined term though, and it does not do layout. If we keep referring to our imaginary perfect layout system in design…
With more and more sites gaining support for dark mode and adding very pretty toggles to their design, it’s important to implement them correctly. Unfortunately most sites do not and as a result their toggle is broken. Most websites that have a dark and light mode have very pretty toggles switching between some sort of sun…