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!
- 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.