weeklyfoo #16 is here: your weekly digest of all webdev news you need to know! This time you’ll find 74 valuable links in 8 categories! Enjoy!
🚀 Read it!
- How fast is your shell?: Does it start in less than a second? / shell / 8 min read
- Microsoft taught Apple nothing: I love apple products, but the latest news go in the absolute wrong direction. Besides lots of twitter posts DHH writes down his thoughts in this article. / apple / 4 min read
- console.delight: I already knew that you can style texts in the browser console. But those examples in this post are awesome! / browser, console / 57 min read
📰 Good to know
- Designing better target sizes: An interactive guide that is all about enhancing the target size area with CSS. / css / 57 min read
- How Threads will integrate with the Fediverse: That’s a loooong article, and I’ll be honest: I haven’t read everything in detail. But especially the <Why are Meta doing this?> section was funny. / meta, fediverse / 37 min read
- What’s happening with StackOverflow?: Total questions on StackOverflow by year going dramatically down / stackoverflow / 1 min read
- The More Features You Add…: Haven’t thought about that at any time, but makes totally sense to me. / onboarding / 3 min read
- To get promoted, get better at complexity, autonomy, and throughput: Well, it’s not only these three things from my POV, but that’s a great basis. / career / 4 min read
- We removed advertising cookies, here’s what happened: Cookieless tracking! / tracking, analytics / 25 min read
- npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts: A look back, and some funny suprises. / npm, 2023 / 9 min read
- 11 g-docs features so good, you’ll kick yourself if you didn’t know: Rob Lennon shows nice tricks with google docs. / gdocs / 1 min read
- Hacker News undocumented: Some of the hidden norms about Hacker News not otherwise covered in the Guidelines and the FAQ. / hackernews / 15 min read
- Explicit Resource Management: Exploring JavaScript’s and TypeScript’s new feature: <await using something = await something()> explained / javascript, typescript / 13 min read
- Measuring Developer Productivity: Real-World Examples: A deepdive into developer productivity metrics used by Google, LinkedIn, Peloton, Amplitude, Intercom, Notion, Postman, and 10 other tech companies. / productivity / 24 min read
- Simple, visual example of how HTMX lets you reduce the amount of JavaScript you need to write.: Flavio shows advantages of htmx / htmx / 1 min read
- Passwordless: a different kind of hell?: A story about passwords / passwords / 10 min read
- why lowercase letters save data: I’m an absolute fan of writing everything in lowercase ;) and this article states why you should stick to either upper or lower case. / compression / 9 min read
- I regret selling my startup: A founder describing what happened after he selled his startup / startup, life / 7 min read
- The
in software development: asking good questions when everyone is lying to you : I enjoyed reading the book- this article arguments to use the mom test for product development. / questions / 8 min read - Postgres password encryption without leaking credentials: Useful tipps if you’re using postgres / postgres, passwords / 10 min read
- Scrollbar styling: No -webkit hazzle anymore! / css, scrollbars / 9 min read
- How CloudFlare Processes a Million Logs per Second: Interesting insights on how Cloudflare tackles lots of log files / cloudflare, operations / 12 min read
- Fastest http client for nodejs: It’s undici, and I never used it. But maybe it#s worth trying it out, although I would prefer that fetch catches up. / http, nodejs / 1 min read
- Migrating from Zod to Valibot: A Comparative Experience: However, I like zods API more than Valibots / zod, valibot / 8 min read
- 5 CSS snippets every front-end developer should know in 2024: has, subgrids, nesting, balance, container query units / css / 8 min read
🧰 Tools
- Triplit: Triplit is an open-source database that syncs data between server and browser in real-time. / databases
- PhotoRoom: Create professional images for free with the most popular AI photo editor in the world. / images
- UI8 Avatars: Create 3D avatars / avatars
- Sutra: A JavaScript behavior tree library for easily creating and managing complex behavior patterns / javascript
- Surya: Accurate line-level text detection and recognition (OCR) in any language - I know, it’s Python. But nevertheless maybe interesting. / paython, ocr
- tantivy: Tantivy is a full-text search engine library inspired by Apache Lucene and written in Rust / rust, search
- AI Gateway: A Blazing Fast AI Gateway. Route to 100+ LLMs with 1 fast & friendly API. / ai
- Tinybench: A simple, tiny and lightweight benchmarking library! / typescript, benchmarks
- wacat: Tests your web application against cat chaos / typescript, tests
- Neets: Time to speech service / tts
- maybe: Personal finance and wealth management app / finance
- Floorp: Floorp is built on Firefox and was built in Japan and is a new browser with excellent privacy & flexibility. / browsers, firefox
- Heynote: A dedicated scratchpad for developers / editors
- Glide Data Grid: A react data grid with no compromises, outrageous performance, rich rendering and full TypeScript support. / react, grid, table
- React Image Crop: A responsive image cropping tool for React / react, images, crop
- Create Rust App: Set up a modern rust+react web app by running one command. / react, rust
- json-viewer: Display JSON data in a readable and user-friendly format. / react, json
- Fuse: Aggregate all your data sources and transform them into a great API for your clients with many best practices built-in for you—fully typesafe from data source to client query. / api
- Fast-csv: CSV parser and formatter for node / csv, typescript
- Heat.js: A powerful heatmap lib / visualization, javascript
- worker-timers: A replacement for setInterval() and setTimeout() which works in unfocused windows. / javascript, workers
- nanopop: Minimalistic, small, positioning engine. Build for high-performance, minimal footprint and maximum control over positioning behavior. / typescript
- fern: Deliver Stripe-level SDKs and Docs / docs, sdk
- WhisperSpeech: An Open Source text-to-speech system built by inverting Whisper. / text-to-speech, tts
- react email: A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript. / email, typescript, react
- Resend: Email for developers / emails
🎨 Design
- Grids and key shapes: Embracing order, one pixel at a time / grids, shapes / 12 min read
- 16 Lesser Known Accessibility Issues: Short and to the point. / a11y / 8 min read
- Gen Z Attention Spans? Meet the UX Design Hacks That Win Them Over: Things in UX are shifting for GenZ / genz, ux / 8 min read
- paaatterns: Free collection of beautiful patterns for all vector formats / shapes, vector / 3 min read
- 5 Costly Branding Mistakes: Didn’t know of the Colgate case, but it’s - disturbing / brands / 11 min read
- Clear patterns to establish a culture of craft: Twitter thread that describes observations made about teams in high quality products. / products, culture / 1 min read
🐱💻 Hacker News
- Ask HN: What is the current driver of tech layoffs?: Lots of layoffs again. / layoffs / 103 min read
- Ask HN: Who else is working on nothing?: - / sideprojects / 137 min read
- Ask HN: Why am I suddenly unemployable?: - / hiring / 118 min read
🤪 Fun
- Compressing Text into Images: Terence Eden compresses Romeo and Juliet into an image and the result is smaller in size than uncompressed text. / compressing / 17 min read
- Decode the identity: game: you get hints like colors and shapes and need to name the correct brand. / brands / 0 min read
- Can’t Unsee: Rate which design is the correct one. / design / 1 min read
- Girl with a Pearl Earring parodies are the internet’s latest art obsession: AI and trad art combine for delightful silliness. / ai / 6 min read
📚 Tutorials
- Tab Controls with CSS: Thanks @jh3yy! / css / 1 min read
- Getting Started with Axum - Rust’s Most Popular Web Framework: If you’re new to Rust like me, such articles are gold! / rust, axum / 16 min read
- Grid by Example: Everything you need to learn CSS Grid Layout / css, grid / 10 min read
- Transcribe audio to text on Cloudflare Workers with AssemblyAI and TypeScript: In this tutorial, you’ll learn how to create an application that transcribes the audio files (and video files) to text. You’ll create a TypeScript backend on top of Cloudflare Workers and use the AssemblyAI APIs to transcribe the audio. / cloudflare, assemblyai, ai / 12 min read
- Change scrollbar position: Thanks @jh3yy! / css / 1 min read
- How to center an element in CSS without adding a wrapper in HTML: Another article to solve the problem of centering elements in css / css / 12 min read
- Learn SVG by drawing an arrow: If you ever wanted to draw elements programatically in svg, try this article. / svgs / 12 min read
- Compiling a standalone executable using modern JavaScript/TypeScript runtimes: If you want to create a standalone exec / bun, nodejs, deno / 8 min read
- as const to union of routes: It’s always insane for me to see the thins Matt is doing. / typescript / 1 min read
🎤 Conferences
- TheJam.dev 2024: Free conference all around web dev / conferences