I'm about to wrap up the week for a two-week vacation, and I can't wait to hang out in a cabin in Denmark. Apart from that, I finally made it to finish my website rebuild with Eleventy. And I'm so happy about it. I tweeted some details about it if you want to learn more. Let's dive into some web stuff, shall we?
A web-vitals custom elementSection titled A web-vitals custom element
If you haven't played around with custom elements, you should have a look. They're like jQuery plugins without jQuery. To implement web performance metrics in my rebuilt site, I wrote a quick web-vitals element. Load it from unpgk.com, place it in your pages and start showing web performance metrics.
CORS, CORS, CORS!Section titled CORS, CORS, CORS!
Cross-Origin Resource Sharing (CORS) is every developer's favorite subject (not). Even after all these years, CORS is (are?) a hurdle for me. ✋🏼🔥 CS Visualized: CORS, written by Lydia Hallie, is an outstanding article on the topic. It includes many animated explanations, and I don't want to know how long this article took to create.
Three excellent articles to readSection titled Three excellent articles to read
- Why CSS Logical Properties Aren’t Ready for Use! by Elad Shechter
- Comparing Data in Google and Netlify Analytics by Jim Nielsen
- My favourite Visual Studio Code tips for "how did you do it" kind of people by Paweł Grzybek
Three useful projects to have a look atSection titled Three useful projects to have a look at
- sindresorhus / terminal-image-cli – Display images in the terminal
- denisidoro / navi – An interactive cheatsheet tool for the command-line and application launchers
- tldr-pages / tldr – Collaborative cheatsheets for console commands
This month I learnedSection titled This month I learned
- The navigation timing API includes the type of the current navigation
- Elements with
overflow: hiddenare scrollable
- Define where an element should be scrolled to using
You can find more learnings (128 in total 😎) in my "Today I learned" section.
This month's devsheetsSection titled This month's devsheets
- Revive and replace in JSON
- The flexible
- Unicode property escapes
inputmodeon input elements
- Logical CSS properties
You can find more #devsheets on Twitter.
A talk to watchSection titled A talk to watch
Over the last month, I spent a lot of time with GraphQL, and I'm sold! While I'm still figuring out best practices Sasha Solomon's talk "200 OK! Error Handling in GraphQL" made some core principles "click" for me. I highly recommend it!
A quote to think aboutSection titled A quote to think about
A particular coding style used to be very important to me. In total, I must have spent hours (if not days) adding and removing spaces. Luckily we're over that and I couldn't agree more with Nick DeJesus.
A song that makes you stop codingSection titled A song that makes you stop coding
Green Day's "Time of your life" made me time travel when it came on the radio. The video is from 2009. Oh my... time flies.
And that's my favorite content of August 2020, friends! 🎉 👋
Have a great September, and stay safe!
And if you have any feedback about this newsletter, please let me know.
Reply to Stefan