https://macarthur.me/posts/more-aggressive-cache-headers/
nice immutable trick, didnt know about it
Interesting Articles
Recent reads by @skorytnicki
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://www.stefanjudis.com/blog/validate-urls-in-javascript/
how to validate url in js
https://thumbnail.video/
funny tool gor screenshots
https://gal.hagever.com/posts/my-node-js-is-a-bit-rusty
nice and practical use for rust
https://blog.richardekwonye.com/bezier-curves
really nice visuals
https://metascraper.js.org/
nice addition to crawlee
https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/
linting rules for async code
https://google.github.io/typograms/
i love this idea xd how to make simple ascii art typograms easily
https://fullystacked.net/posts/accentcolor/
nice new css feature
https://blog.pope.tech/2022/09/01/accessible-lists-and-tables/
such a waste of time to read
https://github.com/jimp-dev/jimp
image tools without native stupid deps is cool
https://github.com/sanack/node-jq
node jq to browse json files
https://practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/
testing articles list for future
https://npmgraph.js.org/
nice way to visualise npm deps
https://ishadeed.com/article/virtual-keyboard-api/
such a great and much needed api to work with awkward layouts
https://web.dev/ta-strategies/
nice analysis of testing strategies
https://github.com/stephenmathieson/node-tlds
list of legit tlds in node
https://csswizardry.com/2023/07/core-web-vitals-for-search-engine-optimisation/
very important for jobtome
https://microsoft.github.io/TypeChat/blog/introducing-typechat/
strutured llm responses with ts types
https://github.com/mgcrea/node-xlsx
reading excel in node
https://www.nngroup.com/articles/error-message-guidelines/
error messages guidelines and principles
https://deno.com/blog/commonjs-is-hurting-javascript
good notes on publishing packages
https://practica.dev/blog/testing-the-dark-scenarios-of-your-nodejs-application/
i like this term and cases makes sense to dd these zombie tests
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.sonarsource.com/blog/node-js-test-runner/
how to use, basic commands etc. i like it
https://github.com/ranyitz/qnm
fuzzy search for node modules it has potential imo
https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/
nice page speed story about TBT
https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events
sse events to maintain connection looks better and essier than web sockets
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://2ality.com/2022/09/nodejs-overview.html
how node works in detail very useful to understand microtasks etc
https://www.bbss.dev/posts/eventloop/
great intro to how to optimise stuff, when and why
https://github.com/ladjs/supertest
superagent supertest testing http requests
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://github.com/LunarFang416/url-animations
funny lib but check how well designed api is that
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://livefir.fly.dev/
how to use go and alpine
https://preactjs.com/blog/introducing-signals/
how signals work at preact
https://hidde.blog/popover-semantics/
native popover setup
https://web.dev/patterns/advanced-apps/richer-install-ui/
better install app ui
https://fffuel.co/sssvg/
such a great introduction to SVG
https://css-tricks.com/passkeys-what-the-heck-and-why/#what-are-passkeys
passkeys in browsers, some cases code and support
https://developer.chrome.com/blog/scrollend-a-new-javascript-event/
new event i love you
https://austingil.com/html-capture-attribute/
wow this is really good idea
https://github.com/tc39/proposal-array-from-async
array from async proposal
https://calendar.perfplanet.com/2020/cache-forever-assets/
cache forever strategy to avoid even making a request with s3
https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
good tips on limits of web workers
https://blog.sandworm.dev/dissecting-npm-malware-five-packages-and-their-evil-install-scripts
nice tips on how to do maliciuos things
https://www.thomasledoux.be/blog/using-trpc-astro-islands-react
astro and trpc
https://calendar.perfplanet.com/2020/head-of-line-blocking-in-quic-and-http-3-the-details/
heaod of line great explanation
https://github.com/gmarland/lawnmower
vr as html tags
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/2021/first-view-and-repeat-view-in-a-service-worker-world/
repeat view test with service worker tips
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/plugging-memory-leaks-in-your-app/
memory leaks fixing
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://calendar.perfplanet.com/2021/http-compression/
http compression algos and stats
https://normalflow.pub/posts/an-introduction-to-constraint-based-design-systems
constraints based design system philosophy - looks good
https://blog.appsignal.com/2022/04/06/principles-of-object-oriented-programming-in-typescript.html
ooo in ts, very good read
https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/
good interview questions
https://www.shortwave.com/blog/watchables-realtime-react-without-redux/
nice article about watchables
https://github.com/readme/featured/server-side-languages-for-front-end
such a good and easy to read summary on backend rendering systems
https://www.promptingguide.ai/introduction/examples
https://github.com/type-challenges/type-challenges
my favourite type challenges
https://www.zhenghao.io/posts/type-programming
nice essay on types
https://2ality.com/2022/01/esm-specifiers.html
publishing esm modules tricks
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://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js
worker threads with nice intro to promises for beginners
https://github.com/goldbergyoni/nodebestpractices
nice good practices but i prefer tao of node
https://writings.stephenwolfram.com/2023/02/what-is-chatgpt-doing-and-why-does-it-work/
chatgpt description
https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/
http3 impl why and how
https://kilianvalkhof.com/2022/css-html/do-you-know-about-overflow-clip/
overflow clip property
https://web.dev/building-a-multi-select-component/
multiselect with counter css
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://www.builder.io/blog/bloom-filters-can-speed-up-your-code
bloom filter and how to build it
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://calendar.perfplanet.com/2020/the-dangers-of-data-uris/
downsudes of data uris
https://lofi.limo/blog/retry-xmlhttprequest-carefully
exponential retries
https://www.miriamsuzanne.com/2022/07/04/body-margin-8px/
nice story on default spreadsheet in browsers
https://www.useanvil.com/blog/engineering/isolating-memory-leak-in-node/
debugging memory in chrome
https://mikevdv.dev/blog/2022-06-23-stop-the-screen-going-to-sleep-with-javascript
how to prevent screen going to sleep with wakeLock api in browsers
https://mmazzarolo.com/blog/2022-06-26-filling-local-storage-programmatically/
programatically filling local storage in an elegant way
https://github.com/teafuljs/teaful
state management in 1kb
https://certitude.consulting/blog/en/invisible-backdoor/
backdoor via unicode hidden character in js
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://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a
basic principles for testing good for coaching
https://www.smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/
good ideas regarding cwv and countries
https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-0-61fea500b180
the friendliest intro to paint and layout i have seen
https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/
memory leak testing on web apps need to read source
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://socket.dev/blog/inside-node-modules
article on node modules security well written ua parser story
https://alexkondov.com/tao-of-node/
very good intro for front end devs
http://nodesource.com/blog/dive-into-NodeJs-streams/
some day I have to write some app that uses streams
https://www.adamcollier.co.uk/blog/moving-from-next-to-remix
rewrite from next to remix good list of advantages of remix
https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/
such a great intro to cascade layers
https://kubesail.com/blog/2022-02-01-printer-driver-in-javascript
printing labels in js
https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/
great but little known attrs like form decoding etc
https://cloudfour.com/thinks/resetting-inherited-css-with-revert/
all revert in css super useful for client and host apps
https://2ality.com/2022/02/wrapper-objects.html
great description of wrapper objects such as String or Number
https://webkit.org/blog/12257/the-file-system-access-api-with-origin-private-file-system/
file system api
https://siraben.dev/2022/03/22/tree-sitter-linter.html
tree sitter to construct parser
https://www.bennadel.com/blog/4210-you-can-throw-anything-in-javascript-and-other-async-await-considerations.htm
throwing anything in js and its consequences
https://guybedford.com/es-module-shims-production-import-maps
how to implement es import maps shims, great read but complex
https://2ality.com/2022/08/node-util-parseargs.html
parseArgs in node, good to avoid commander or other npm libs
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://blog.techfund.jp/p/using-rust-for-writing-nodejs-modules/
rust bindings for more performant ops in node
https://web.dev/css-individual-transform-properties/
rotate etc as standalone properties
https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility/
article vs section semantics
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://architecturenotes.co/redis/
redis explained on a graph and with some notes, could e better but gives good outlook
https://placy.org/
generating placeholder image might be useful some day
https://www.trickster.dev/post/javascript-ast-manipulation-with-babel-the-first-steps/
how to use babel ast traversion
https://deno.com/blog/roll-your-own-javascript-runtime
nice article on how to use deno primitives to build your own simple runtime
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://mmazzarolo.com/blog/2022-07-30-checking-if-a-javascript-native-function-was-monkey-patched/
how to check if function was monkey patched - check toString or grab pure function from iframe to detect reflection
https://blog.logrocket.com/how-detect-dead-code-frontend-project/
ayy I expected actual tutorial not a list of plugins
https://blog.risingstack.com/node-js-at-scale-node-js-garbage-collection/
How node.js garbage collection works - I recommend something from V8 blog, but this is useful with a real life example from Meteor folks
https://github.com/codemix/deprank
use pagerank to sort files in repo, really fun
https://www.yieldcode.blog/post/supercharge-nodejs-with-rust
How to use Neon, dynamic vs static libraries intro, very descriptive for a noob in that matter like me. I like author highlighted the use cases too
https://www.smashingmagazine.com/2022/07/look-remix-differences-next/
intro to next vs remix, not worth it
https://tota11y.babylontech.co.uk/
How nice UX and simple is that! Validates a11y in a bookmarklet, with one click
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://www.youtube.com/watch?v=bsE1VJn1HeU
e2e tests with turborepo, advantages, setup, caching
https://calendar.perfplanet.com/2019/answering-big-questions-with-rum-data/
nice example of performance research on wikimedia. RUM data
https://getbutterfly.com/code-golfing-tips-tricks-how-to-minify-your-javascript-code/
what a great set of tips on code golfing, not trivia all the time
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://pimpmytype.com/hugo-md/
great typography tips on headings
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://www.thoughtco.com/the-difference-between-alpha-and-p-values-3126420
How is alpha and p-value different in AB testing
https://towardsdatascience.com/required-sample-size-for-a-b-testing-6f6608dd330a
How many users do you need to A/B Test a feature? Includes link to calculator
https://nodegui.org/docs/api/manual/synopsis
qt binding for node for building desktop apps
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://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/
handling errors, dotenv, logging, I like it a lot. Probs trivia for better backend
https://2ality.com/2022/05/processing-arrays-non-destructively.html
flatMap, reduce, forOf and when to use them
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://2ality.com/2022/06/ecmascript-2022.html
error cause and private slots
https://frontendmasters.com/courses/rust/
Really convenient intro
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://storybook.js.org/blog/component-encyclopedia/
search across public storybooks for specific components
https://moonrepo.dev/
Build system / management for JS written in Rust
https://whistlr.info/2022/abortcontroller-is-your-friend/
Use cases for AbortController
https://www.zhenghao.io/posts/json-oddities
very good tips and tricks about oddities of JSON impl in JS stdlib
https://frontendmasters.com/courses/databases
frontend masters course on databses
https://2ality.com/2022/05/rest-vs-spread.html
rest vs spread and why they are not operators
https://blog.jim-nielsen.com/2022/ordering-css-delcarations/
code style impacting the results
https://www.taniarascia.com/musical-instrument-web-audio-api/
use webaudio and svelte to create instrument
https://fusebit.io/blog/node-18-prefix-only-modules/
prefix only modules start with node:test in node18. Think about typosquatting
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