Interesting Links

Today I learnt (TIL) these interesting links/resources (or at least came across them again, and think they're worth sharing)

Posted 2024-01-10
#frontend
#react
#jsx

JSX Pragma

Interesting way to hook into JSX's createElement

🔗 https://emotion.sh/docs/css-prop#jsx-pragma

Posted 2024-01-07
#accessibility
#design

Access Ability

A Practical Handbook on Accessible Graphic Design

🔗 https://www.rgd.ca/resources/accessibility/access

Posted 2024-01-04
#email
#smtp
#spam

Mail Tester

Check how your emails get marked as spam and if they are likely to be delivered

🔗 https://www.mail-tester.com/

Posted 2023-12-20
#mdn
#frontend
#engineering
#streaming

Server Side Events

How to stream data with server side events

🔗 https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events

Posted 2023-12-17
#frontend
#css

Your CSS reset needs text-size-adjust (2022)

Blog post about the CSS property "text-size-adjust" (and how to use in CSS resets)

🔗 https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/

Posted 2023-12-17
#frontend

The Speculation Rules API

Use the <script type="speculationrules"> to tell browsers which urls to prerender

🔗 https://developer.chrome.com/docs/web-platform/prerender-pages#the_speculation_rules_api

Posted 2023-12-13
#node
#engineering
#video

Node.js Configurations Masterclass

Nice deep dive into node server config. Lots to learn here

🔗 https://www.youtube.com/watch?v=kVnh_tNYqxk

Posted 2023-10-24
#engineering
#pull-requests

Unified Versus Split Diff

Interesting take on the ideal type of diff when doing code change reviews

🔗 https://matklad.github.io/2023/10/23/unified-vs-split-diff.html

Posted 2023-10-21
#html

Use of zxx in HTML language

lang=zxx can be used to denote some text as not a natural language

🔗 https://www.w3.org/International/questions/qa-no-language

Posted 2023-10-15
#mdn
#frontend
#css

CSS scroll-margin-top

Scroll-margin (and specifically scroll-margin-top) is useful for setting offsets when linking to anchors on a page with a stickky header

🔗 https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top

Posted 2023-10-14
#testing
#e2e
#cypress
#ci
#automation

Why nubank moved from e2e tests to contract testing

Nice insight into why they moved away from e2e tests. I don't personaly fully agree but can see why they did it. E2E tests are very hard to scale

🔗 https://building.nubank.com.br/why-we-killed-our-end-to-end-test-suite/

Posted 2023-10-14
#css
#frontend

CSS text-wrap: balance

A new CSS property - `text-wrap: balance` is a much nicer way to balance out the length of lines of text. Check it out. It will make designers happy!

🔗 https://developer.chrome.com/blog/css-text-wrap-balance/

Subscribe to my
Full Stack Typescript Developer
newsletter

If you enjoyed my content and want more Full Stack Typescript content, then enter your email below.

I send a few links every couple of weeks, that I personally found useful from around the web.

Focusing on Typescript, NextJS, React, and also
engineering soft skills posts.