Weeknotes - Aug. 8

Spent large chunks of the week refreshing my memory on CSS basics, so this is CSS-heavy. 😱

CSS/Design

• Some CSS games!
  • CSS grid quiz by Etesam Ansari
  • Flexbox Froggy by Codepip
  • Gridbox Garden by Codepip
  • Flexbox Defense by Channing Allen
  • CSS Diner by Luke Pacholski
  • CSSBattle by Kushagra Gour and Kushagra Agarwal
• Some CSS/design tools!
  • Hero Patterns
  • Grid by Example
  • CSS-Tricks Guides
  • CSS clip-path maker
  • CSS and SVG mask kitchen sink
  • Can I Use?
  • Do I Use?
• I like the idea of having a collection of sample layouts on the web that anybody can quickly grab and use as a starting point. Rachel Andrews has a small collection focused around grids, but I’m curious if there are more.
• Jen Simmons’ layout lab is awesome. A master class in clean, responsive web design.

Dev Experience

• TIL that emmet is a thing. TIL that it’s already installed in my WebStorm. I am now 1% more productive.

Misc.

• At one point I stumbled across a blog post that attempted to classify the different archetypes for web applications: a marketing site, a e-commerce site, a blog, etc etc. And then it attempted to determine what is the best approach for each: a SSG, a SPA, a CMS, etc etc. And now I can’t find that post. 😢. I think someone diving deep on a list like that and approaching it with an academic-paper level of rigor would be awesome for the industry. But I can’t find that damn post! All my search terms are at best getting me back different types of architecture, not different types of use cases.
  • Andrew Parker seemed to have a version in 2010, although it’s not as thorough as the one I originally saw.