2021 week 40—JAMStack Conf, State of CSS survey, CSS, UX, End of AMP?, and SVG Patterns
Links Worth Sharing for Web Developers and Designers.
Hey there,
This is Thomas Mak from Macao. This week in Macao, it is all about Covid virus testing and Typhoon plus heavy rains.
I’m at home watching JAMStack videos, organizing my notes in Craft, and creating slides for my courses.
Links worth sharing
→ Conf. Videos / JAMStack Conf 2021 Just Ended This Week
It is the JAMStack Conf 2021 this week. JAM stands for JavaScript, API, and Markup.
The JAM stack is like the opposite of the HTML-over-wire Hotwire approach I shared last week. Good to learn how things work in both sides so that we can pick the one that fit our actual project and scope.
Especially the Have Single-Page Apps Ruined the Web? video compares the Single-Page Application and the Hotwire multi-pages approach.
→ CSS / State of CSS
https://stateofcss.com/
State of CSS is now calling for the 2021 survey filling. Here is the 2020 state of CSS result if you want to look back.
→ Typography / What’s the right font size in web design?
https://pimpmytype.com/font-size/
Practical example and tips on setting the font-size by typography sense, not by calculated values.
→ CSS / Making CSS Art
https://yosracodes.hashnode.dev/how-i-make-css-art
The key points to draw CSS art is to separate the parts by laters, and then place them in a fit combination of the border-colors, border-radius, gradients, and transform.
By the way, I also drew a few drawings with CSS too.
→ UX / A UX case study on Apple Fitness+
https://builtformars.com/case-studies/using-apple-fitness
5 takeaways
The 'jump in' fallacy
Intentional friction
YouTube mastery
Pressure to upgrade
The perfect balance—Everything on screen has a purpose, at all times.
→ Performance / Bracket pair colorization 10,000x faster
https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
Instead, in the 1.60 update, we reimplemented the extension in the core of VS Code and brought this time down to less than a millisecond - in this particular example, that is more than 10,000 times faster.
The feature can be enabled by adding the setting
"editor.bracketPairColorization.enabled": true.
→ Opinions / The End of AMP?
https://mjtsai.com/blog/2021/09/29/the-end-of-amp/
I never like the AMP. Here is my post about AMP from 2015.
https://makzan.blog/2015/10/the-problem-of-amp-html
→ SVG / Basic Patterns Repository in SVG
https://patterns.helloyes.dev/
Useful patterns for backgrounds.
Until next week,
Thomas Mak
