2021 week 32—Mobile-first, Dark mode lesson learned, Sustainable Web Design
Links Worth Sharing for Web Developers and Designers.
Hi there,
This is Thomas Mak from Macao.
Updates
I bought an X-T30 camera last week. Given that it was debut in 2019, I bought it with discount. I am satisfy with everything except the lack of classic negative, which simulates the Superia film. It will be perfect for me if Fujifilm adds that film simulation to the lovely X-T30. Anyway, I like it a lot. At the same time, I’m taking films too with my Minolta and Superia 400.
Links worth sharing
→ Mobile-first/ The state of mobile-first and desktop-first
https://ishadeed.com/article/the-state-of-mobile-first-and-desktop-first/
The total number of votes is 648, and here are the stats:
Mobile-first: 33.3%
Desktop first: 21.9%
Mix of both: 24.7%
→ Dark mode/ 5 Lessons We Learned Adding Dark Mode to WorkOS
https://workos.com/blog/5-lessons-we-learned-adding-dark-mode-to-our-platform
5 useful tips to design dark mode with contrast, visual hierarchy, and avoid pure black and white.
→ Environment/ Sustainable Web Design, An Excerpt
https://alistapart.com/article/sustainable-web-design-excerpt/
Applications that put a heavy processing load on the user’s device can inadvertently exclude users with older, slower devices and cause batteries on phones and laptops to drain faster. Furthermore, if we build web applications that require the user to have up-to-date, powerful devices, people throw away old devices much more frequently.
→ Tool/ SVG Gobbler
https://github.com/rossmoody/svg-gobbler
A tool to extract SVG paths from the current website.
→ CSS/ Nesting selector is in draft
https://drafts.csswg.org/css-nesting-1/
We have had nesting selector for all major CSS preprocessor. But now it is officially in draft and expected to come built-in in web browsers in future.
→ CLI/ Extract text from an image via the CLI
https://www.stefanjudis.com/snippets/how-to-extract-text-from-an-image-via-the-cli/
The latest iOS and macOS will comes with built-in text-in-image extraction. Indeed, we can make use of the tesseract library to extract text from image without much efforts. This CLI command is a convenient one.
→Aside/ The story behind classic negative film simulation
https://fujifilm-x.com/en-us/stories/x-pro3-stories-2-learning-from-film/
Until next week,
Thomas Mak