#css
-
Ayup. It’s always “It’s 2020, how do I center things on the web with #css?1!!” and never “how are you doing person who runs the W3C account?” You deserve a break today.
-
A Modern CSS Reset - Andy Bell
Some very smart ideas in here for resetting default browser styles, like only resetting lists that have classes applied to them:
ul[class], ol[class] { padding: 0; }I select only lists that do have a
classattribute because if a plain ol’<ul>or<ol>gets used, I want it to look like a list. A lot of resets, including my previous ones, aggressively remove that. -
First #IndieWebCamp hack day project complete! I'm finally starting to get an understanding of CSS Grid.
Thanks to help from @tantek I was able to fix the display of my monthly calendars at https://aaronparecki.com/2019/04 by switching from table display to flex>grid>flex with table>tr>td markup. Kept the table markup and was able to remove one level of nested divs inside too!
The <table> element is a flexbox, the <tr>s are a grid, and the <td>s inside are a flexbox. This lets the rows of the calendar vary in height, but forces the height of the cells of each row to be the same height. Finally the city names at the bottom are able to be "stuck" to the bottom of the cell.
-
The Cult of the Complex (alistapart.com)"Complexity is good for convincing people they could not possibly do your job. Simplicity is good for everything else."
