Modern CSS Explained
Excellent article for a dinosaur like me.<p>So much of CSS seems like a square peg trying to fit into a round hole.<p>I've had to occasionally delve into webdev since 1994 and despite progress CSS still seems clunky.<p>Currently I am going through Udemy's Jonas Advanced CSS  course<p>I love the idea of grid layouts, SCSS rocks, BEM sort of makes sense.<p>Still I hate the fact that I can't quickly iterate layout/design with CSS unless I am really proficient with CSS.<p>I do not want to keep all the CSS quirks in my head!<p>Reading questions like this(oldie but still): <a href="https://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-for-all-browsers" rel="nofollow">https://stackoverflow.com/questions/396145/how-to-vertically...</a> makes me recoil in horror.<p>For one there is no software tool that can let someone visually move elements around and still produce reasonable CSS.<p>On one end you have mockup(Mockplus for one) and beginner(shades of Frontpage) level tools which produce monstrous write only CSS.<p>On other end you have regular developer tools(VS Code, browser dev tools etc), which do not really help you with layout.<p>So it seems for making SPA you need 3 people:<p><pre><code>  1. Designer making mockups
  2. CSS expert converting said mockups to usable HTML/CSS
  3. Programmer actually working with DOM manipulation
</code></pre>
My complaint is that when I am doing regular desktop development, I can wear all 3 hats only consulting designer ocassionally.<p>With webdev it seems incredibly hard to go alone.<p>SVG seeems such a normal standard compared to CSS.