Stay ahead in web development: latest news, tools, and insights #42

#webdev #weeklyfoo #javascript #node

weeklyfoo #42 is here: your weekly digest of all webdev news you need to know! This time you'll find 31 valuable links in 5 categories! Enjoy!

🚀 Read it!

Lessons learned in 35 years of making software: It’s more about soft skills than technical skills / engineering / 16 min read

📰 Good to know

Use A Work Journal To Recover Focus Faster And Clarify Your Thoughts: Write down what you're doing! / performance / 6 min read
Responsive bar charts in HTML and CSS: Building flexible data visualizations for international sites / charts, visualizations / 12 min read
How To Improve INP - Yield Patterns: Tips for better INP - await-interaction-response vs yieldToMain - yieldUnlessUrgent / performance / 27 min read
Playing defense - How to control the narrative if your work is being questioned: No matter how well you frame your ideas upfront, there will be times when you’ll need to address skepticism and defend your work. These are moments when you can shine. Here's how. / career / 13 min read
Leaner npm packument (metadata) contents: And by doing that reducing the size of packuments. / npm / 5 min read
Review your own PRs: You can also add comments to your own PRs to explain particular logic that needs some description. / engineering / 6 min read
Get The Screen Width & Height Without JavaScript: Powered by @property & trigonometric functions / css / 1 min read
Can Postgres replace Redis as a cache?: I see a trend in using Postgres for everything. / postgres / 14 min read
The Pitfalls of In-App Browsers: Especially privacy and security concerns are a big issue with in-app browsers. / security / 10 min read
How to Start a Company: Everything I know / startups / 1 min read
Self Hosting 101: A Beginner's Guide / hosting / 11 min read
Measuring Developer Experience With The DevEx Framework: The DevEx framework exists to solve the biggest challenge of developer experience initiatives - measuring them. Learn why this framework is helping orgs everywhere improve developer happiness. / performance / 7 min read
Hono v4.5.0: Next minor release of Hono. / hono / 9 min read
Zed on Linux is here!: I was waiting a long time for that! / editors, zed / 1 min read
Gotchas with SQLite in Production: Read the seven gotchas if you're thinking about using sqlite. / sqlite, databases / 8 min read
Fighting With Your Boss: Summary - you’re probably not going to “win” / career / 7 min read

🧰 Tools

Bean Heads: Randomly Generated Characters for Your Apps & Games / avatars
JS Bench: Performance Benchmarking Playground for Javascript / performance
Tabular-JSON: A superset of JSON adding CSV-like tables / json
linefont: Font for rendering line chart data / fonts
InfiniteGrid: A module used to arrange card elements including content infinitely on a grid layout. / grid
EldoraUI: open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable. / ui
Code Hike: Build first-class code walkthroughs for the web. Whether you are writing blog posts, documentation, tutorials, coding videos, or any type of technical content, Code Hike helps you create a superior code reading experience. / markdown
Simplex Noise: A fast simplex noise implementation in Javascript / Typescript. / simplex
Maska: Simple zero-dependency input mask for Vue, Svelte, Alpine.js and vanilla JS. / input
Flowchart Fun: Easily generate flowcharts and diagrams from text / charts

📚 Tutorials

Rustcrab: An Open source project with everything you need to learn about Rust / rust / 2 min read
A CSS scroll version of the gooey island: Thanks @jh3yy! / css / 0 min read