!important in CSS are ways of solving your immediate problem …but unless you know what you’re doing, they’re probably going to create new problems.
Sunday, August 16th, 2020
Friday, July 31st, 2020
This is a great talk by Hidde, looking at the history and evolution of cascading style sheets. Right up my alley!
Friday, June 26th, 2020
A useful resource for CSS grid. It’s basically the spec annoted with interactive examples.
Tuesday, April 2nd, 2019
This might just be the most nerdily specific book I’ve read and enjoyed. Even if you’re not planning to build a web browser any time soon, it’s kind of fascinating to see how HTML is parsed—and how much of an achievement the HTML spec is, for specifying consistent error-handling, if nothing else.
The last few chapters are still in progress, but you can read the whole thing online or buy an ePub version.
Monday, February 25th, 2019
This is a really nice glanceable reference for CSS grid.
Friday, February 1st, 2019
I saw Daniel give a talk at Async where he compared linguistic rules with code style:
We find the prescriptive rules hard to follow, irrespective of how complex they are, because they are invented, arbitrary, and often go against our intuition. The descriptive rules, on the other hand, are easy to follow because they are instinctive. We learned to follow them as children by listening to, analysing and mimicking speech, armed with an inbuilt concept of the basic building blocks of grammar. We follow them subconsciously, often without even knowing the rules exists.
Thus began some thorough research into trying to uncover a universal grammar for readable code:
I am excited by the possibility of discovering descriptive readability rules, and last autumn I started an online experiment to try and find some. My experiment on howreadable.com compared various coding patterns against each other in an attempt to objectively measure their readability. I haven’t found any strong candidates for prescriptive rules so far, but the results are promising and suggest a potential way forward.
I highly recommend reading through this and watching the video of the Async talk (and conference organisers; get Daniel on your line-up!).
Friday, December 7th, 2018
Cassie and I went to a great Async talk last night all about code readability, which was well-timed because it’s been on our minds all week. Cassie explains more in this post.
Friday, July 13th, 2018
A bold proposal by Heydon to make the process of styling on the web less painful and more scalable. I think it’s got legs, but do we really need another three-letter initialism?
Wednesday, April 4th, 2018
This service could be quite handy if you’re making a presentation that involves showing code—it generates syntax-highlighted images of code.
Sunday, December 3rd, 2017
Tuesday, May 23rd, 2017
A quick visual guide to CSS Grid properties and values.
Monday, April 3rd, 2017
It’s fascinating to look back at this early proposal for CSS from 1994 and see what the syntax might have been:
A one-statement style sheet that sets the font size of the h1 element:
h1.font.size = 24pt 100%
The percentage at the end of the line indicates what degree of influence that is requested (here 100%).
Monday, December 12th, 2016
CSS Shorthand Syntax Considered an Anti-Pattern – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
Sensible advice from Harry—only style what you mean to style.
Monday, November 16th, 2015
Regular expressions are my kryptonite. I’m rubbish at them and I can never keep the vocabulary in me head.
Mark recommended this tool so I’m going to give it a go the next time I have to resort to regex.
Friday, January 20th, 2012
This cracked me up. There are two possibilities: either this is really is very funny or I am very nerdy.
Thursday, February 3rd, 2011
Syntax for @font-face that’s more bulletproof than the techniques previously considered bulletproof …’till an even more bulletproof syntax comes along.
Monday, April 5th, 2010
A very handy GUI for figuring out the somewhat complicated syntax of border-image in CSS3.
Tuesday, March 2nd, 2010
A handy shortcut for when you just can't recall the exact syntax of border-radius.
Tuesday, June 30th, 2009
Wait... I thought this was considered harmful?
Tuesday, May 29th, 2007
I'm sure everyone else has already discovered this but I really was L'ing O L when I read the "Hai world" code.