This on r/programming today: CSS Tips. There are a lot of good tricks in there, this one was my fav:
.center {
display: flex;
align-items: center;
justify-content: center;
}
…it centres content vertically and horizontally.
Tag Archives: css
Tools for Auditing CSS
Some good tools and techniques listed over one Tools for Auditing CSS.
Font size is useless; let’s fix it
This on r/programming today: Font size is useless; let’s fix it. Interesting article, but I didn’t read it closely.
Charts.css
Kickass: Charts.css. Also of interest: Which color scale to use when visualizing data.
CSS property usage
This popped up on lobsters today: Chrome Platform Status: CSS usage. It’s a report on the prevalence of CSS properties as found in the wild. It’s interesting. I was surprised by some things. e.g. ‘display’ and ‘position’ are more prevalent than ‘padding’ and ‘margin’.
The Complete CSS Grid Tutorial
The Complete CSS Grid Tutorial. Say no more.
NES.css
lol, this is great: NES.css
How to use CSS
Articles I ran into today:
Incomplete List of Mistakes in the Design of CSS
Today I discovered Incomplete List of Mistakes in the Design of CSS.
CSS Variables and How To Use Them
A quick run down on CSS Variables and How To Use Them. Note the var() function can take 2nd parameter for a default value.
:root {
--primary-color: #333;
}
div {
color: var(--primary-color, #444);
}
p {
background-color: var(--primary-color);
}
.fancy {
border-color: var(--primary-color);
}