https://macarthur.me/posts/more-aggressive-cache-headers/
nice immutable trick, didnt know about it
Interesting Articles
88 articles tagged as #c
https://ishadeed.com/article/threads-app-css-part-2/
small css tips enterpr
https://macarthur.me/posts/priority-hints/
practical priority hints in examples
https://thumbnail.video/
funny tool gor screenshots
https://blog.richardekwonye.com/bezier-curves
really nice visuals
https://metascraper.js.org/
nice addition to crawlee
https://fullystacked.net/posts/accentcolor/
nice new css feature
https://fullystacked.net/posts/scope-in-css/
at scope in css for theming etc
https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
how to do open telemetry with new relic
https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/
nice page speed story about TBT
https://kizu.dev/cyclic-toggles/
such a great intro to variables and howthey work
https://chriscoyier.net/2023/06/06/modern-css-in-real-life/
great intro to new css like logical props
https://www.bbss.dev/posts/eventloop/
great intro to how to optimise stuff, when and why
https://imkev.dev/fetchpriority-opportunity
fetchpriority and its sibling tech well explained
https://blog.dopt.com/building-a-modern-grpc-powered-microservice
good intro to grpc and turbo
https://jazz-soft.net/doc/JZZ/
jazz midi for browser and node
https://github.com/reactwg/server-components/discussions/5
rsc react server components
https://web.dev/baseline-features/
baseline features we can use plus description of the new standard potentially to replace caniuse
https://preactjs.com/blog/introducing-signals/
how signals work at preact
https://css-tricks.com/passkeys-what-the-heck-and-why/#what-are-passkeys
passkeys in browsers, some cases code and support
https://calendar.perfplanet.com/2020/cache-forever-assets/
cache forever strategy to avoid even making a request with s3
https://blog.sandworm.dev/dissecting-npm-malware-five-packages-and-their-evil-install-scripts
nice tips on how to do maliciuos things
https://calendar.perfplanet.com/2020/head-of-line-blocking-in-quic-and-http-3-the-details/
heaod of line great explanation
https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/
really good tips and analysis on styled components
https://calendar.perfplanet.com/2019/self-hosting-third-party-resources-the-good-the-bad-and-the-ugly/
hosting 3rd party assets on your own pros and cons
https://calendar.perfplanet.com/2019/javascript-component-level-cpu-costs/
use CPU instruction count as a metric for performance
https://calendar.perfplanet.com/2021/caching-understanding-the-scope/
scope caching intro
https://calendar.perfplanet.com/2021/optimizing-state-management-in-react-applications/
this is good to recommend to junior devs or on prs
https://calendar.perfplanet.com/2021/have-core-web-vitals-made-the-web-faster/
very interesting data and stats on web vitals
https://calendar.perfplanet.com/2020/optimizing-performance-with-the-import-on-interaction-pattern/
i knew this trick but i didnt know the name
https://calendar.perfplanet.com/2020/the-dangers-of-data-uris/
inlined resources as a threat
https://calendar.perfplanet.com/2020/html-and-css-techniques-to-reduce-your-javascript/
use native features of what we did in js before
https://blog.appsignal.com/2022/04/06/principles-of-object-oriented-programming-in-typescript.html
ooo in ts, very good read
https://www.shortwave.com/blog/watchables-realtime-react-without-redux/
nice article about watchables
https://github.com/type-challenges/type-challenges
my favourite type challenges
https://www.zhenghao.io/posts/type-programming
nice essay on types
https://fettblog.eu/how-not-to-learn-typescript/
how to do typescript properly - where to put types etc
https://calendar.perfplanet.com/2021/js-self-profiling-api-in-practice/
real user profiling in chrome overview
https://loremfaces.com/
fake faces
https://kilianvalkhof.com/2022/css-html/do-you-know-about-overflow-clip/
overflow clip property
https://blog.thoughtspile.tech/2021/11/15/unintentional-layout-effect/
useEffect useLayoutEffect vs painting
https://jakearchibald.com/2022/img-aspect-ratio/
aspect ratio
https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/
primer on new color methods and their use cases
https://evilmartians.com/chronicles/the-joy-of-variable-fonts-getting-started-on-the-frontend
variable fonts usage
https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
great guide to modern favicon setup
https://meyerweb.com/eric/thoughts/2022/03/14/if-or-when/
nice read about syntax of conditionals
https://github.com/dutiyesh/chrome-extension-cli
chrome extension generator and cli
https://www.miriamsuzanne.com/2022/07/04/body-margin-8px/
nice story on default spreadsheet in browsers
https://github.com/teafuljs/teaful
state management in 1kb
https://blog.thoughtspile.tech/2021/09/27/usestate-tricks/
how to use useState properly, notes about linter, updating with callback, initial state with callback
https://www.chessengines.org/
great great read about how to think about chess and how to do it
https://12daysofweb.dev/2021/container-queries/
container queries again
https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/
such a great intro to cascade layers
https://cloudfour.com/thinks/resetting-inherited-css-with-revert/
all revert in css super useful for client and host apps
https://css-irl.info/breaking-out-of-a-central-wrapper/
breakout of wrapper div good to share whenever we work on layout
https://www.honeybadger.io/blog/import-maps/
such a good article about native import maps pros cons, support, lazy detection and use cases
https://web.dev/css-individual-transform-properties/
rotate etc as standalone properties
https://developer.chrome.com/blog/what-is-the-top-layer/
backdrop element as solution to zindex and top layer
https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
how to prevent weird bounce on mobile scroll
https://www.matuzo.at/blog/2022/focus-outline/
focus and focus visible
https://www.tpgi.com/the-ballad-of-text-overflow/
accessible alternatives to truncation
https://ishadeed.com/article/cascade-layers/
cascade layers to solve modifiers and specificity
https://blog.logrocket.com/how-detect-dead-code-frontend-project/
ayy I expected actual tutorial not a list of plugins
https://css-tricks.com/when-do-you-use-css-columns/
when to use CSS columns - I think I bookmarked it because I wanted to see what columns they mean
https://riffle.systems/essays/prelude/
using sqlite as cache/state manager for react app
https://austingil.com/edge-compute-knitted-dog-hats/
edge vs client vs lambda vs server, I knew that already but a great read for beginners
https://calendar.perfplanet.com/2019/developing-the-largest-contentful-paint-metric/
great article on the process and details behind LCP - how to think about metrics and validate them
https://calendar.perfplanet.com/2019/magic-numbers-or-psychological-thresholds/
Excellent read before analysing CWV - The amount of time user is willing to wait, appears to be a function of the perceived complexity of the request
https://calendar.perfplanet.com/2019/request-collapsing-the-hidden-magic-that-invisibly-speeds-up-the-web/
request collapsing technique used by CDNs and how to avoid it with cache-control private
https://calendar.perfplanet.com/2019/answering-big-questions-with-rum-data/
nice example of performance research on wikimedia. RUM data
https://github.com/developit/htm/blob/master/src/build.mjs
jsx impl in literals, so you dont need a transpiler
https://developer.mozilla.org/en-US/docs/Web/CSS/:modal
modal, fullscreen and picture-in-picture pseudo selectors
https://webkit.org/blog/13096/css-has-pseudo-class/
has selector tips - I like has checkbox checked idea
https://medium.com/airbnb-engineering/faster-javascript-builds-with-metro-cfc46d617a1f
overview on metro bundler vs webpack for react native
https://www.smashingmagazine.com/2022/05/accessible-design-system-themes-css-color-contrast/
color-contrast usage with examples, fallback, defaults etc. Very nice read.
https://una.im/style-queries/
very good intro to @container and @container style queries with examples
https://cloudscape.design/components/overview/
nice design system for complex UIs with charts
https://web.dev/crux-and-rum-differences/
chrome ux - crux data vs rum data differences and tradeoffs
https://webcolorisstillbroken.com/
all colors on the web are represented by a lossy compression, no browser implements proper color space
https://tinyclouds.org/
js containers as in deno deploy
https://www.joshwcomeau.com/javascript/terminal-for-js-devs/
great intro for junior developers, nothing new if you tried cd
https://www.smashingmagazine.com/2022/04/cta-modal-build-web-component/
building modal in webcomponents. Some good concepts but nothing new, focus trap, reduced motion
https://whistlr.info/2022/abortcontroller-is-your-friend/
Use cases for AbortController
https://blog.jim-nielsen.com/2022/ordering-css-delcarations/
code style impacting the results
https://github.com/gajus/table
Format data to string table for cli tools
https://systemfontstack.com/
great css utility for nice and cheap fonts
https://daverupert.com/2022/04/7-web-component-tricks/
Couple of tips for open wc and lithtml
https://calendar.perfplanet.com/2020/beaconing-in-practice/
Telemetry and beaconing, simple cons, pros and strategies. Real-life data on deliverability by method