My goal with Polypane is improving the workflow for developers and designers. The main focus is of course developing an excellent browser for developers and designers, but I’m also developing online tools that help out during development. Two of them online now are a CSS specificity calculator, and a color contrast checker. Both of them…
Your best CSS selector?
I am making great progress on my new design, and one of the decisions I made was to just forget about IE and use all the css I want. This lead to perhaps the best CSS selector I have ever written:
li:not([class=pingback]) .comment-content p:first-child:first-letter
Which is one of the selectors I use to style the comment section of my new design. Not bad, is it?
Do you want a better understanding of your own CSS selectors? Then check out the CSS specificity calculator that explains your selectors.
So, for this week, Tell me your best CSS selector!
There are many different ways to achieve the same layout in CSS and HTML. Some are now frowned upon, like tables or floats, and others tend to overlap somewhat, but have a clear specific purpose, like Flexbox and Grid. But CSS has another layout engine, and it’s one that has been part of CSS since…
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,…