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

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

🚀 Read it!

• Writes and Write-Nots: I'm usually reluctant to make predictions about technology, but I feel fairly confident about this one: in a couple decades there won't be many people who can write. / engineering / 3 min read

📰 Good to know

• Should JavaScript be split into two languages? New Google-driven proposal divides opinion: Core engine and tools for developers. / javascript / 6 min read
• Security bugs engulf ShipFast, a popular indie hacker's product, in drama: Some serious points if you use boilerplate code for your SaaS. / saas, boilerplate / 17 min read
• How we shrunk our Javascript monorepo git size by 94%: This is a crazy story about the size of a repository. / git / 8 min read
• Before you buy a domain name, first check to see if it's haunted: Never thought about this before. Now I'll do! / domains / 8 min read
• Searching for and navigating Git commits: Learn how to search with the git cli in your code base / git / 12 min read
• We're forking Flutter. This is why.: And it's called Flock. / flutter, frameworks / 11 min read
• On Good Software Engineers: It's by far not only to produce lots of code. / engineering / 8 min read
• HTML Form Validation is heavily underused: HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore. / html, forms / 8 min read
• Write code that is easy to delete, not easy to extend.: Every line of code written comes at a price: maintenance. To avoid paying for a lot of code, we build reusable software. The problem with code re-use is that it gets in the way of changing your mind later on. / engineering / 18 min read
• Decision-Making Pitfalls for Technical Leaders: Tech’s favorite party trick is promoting programmers into leadership roles with zero transition coaching, or even a briefing on what the role entails. The programmer accepts the promotion because…I mean, of course you’d accept a promotion. Then, they quickly find themselves in over their heads. / leadership / 18 min read
• Yes, Or...: Tech sayings put into context. / engineering / 4 min read
• GitHub Spark lets you build web apps in plain English: New AI tool from Github / ai, github / 7 min read
• Why Slight Failed: A Slight Post-Mortem: My best guesses as to why our early stage data startup failed. This isn’t a retrospective, but something closer to advice for past me. Or maybe just exorcism. / startups / 10 min read
• Migrating billions of records: Moving our active DNS database while it’s in use / cloudflare, databases, migration / 23 min read
• How I increased my visibility: Kents' advice on how to get more visibility / visibility / 6 min read
• Fun with Custom Cursors: Two ways to change the default mouse cursor appearance. / cursors, css / 9 min read
• My Modern CSS Reset: A starter to reset css for your new project. / css / 10 min read
• Lessons learned from a successful Rust rewrite: Story about a rewrite from C++ to Rust and the lessons learned. / rust / 15 min read
• Salary Negotiation - Make More Money, Be More Valued: Patrick McKenzie's salary negotiation guide / salary, career / 36 min read
• state of frontend 2024: The third edition of the biggest frontend report. / surveys, frontends / 67 min read
• Octoverse: AI leads Python to top language as the number of global developers surges: In this year’s Octoverse report, we study how public and open source activity on GitHub shows how AI is expanding as the global developer community surges in size. / github, octoverse / 50 min read
• Introducing ChatGPT search: Get fast, timely answers with links to relevant web sources. / search, ai / 8 min read
• 'A lot of demoralized people': Ghost jobs are wreaking havoc on tech workers: Recruiters and career coaches say they serve multiple insidious purposes / jobs, career / 12 min read
• Cache me if you can: A Look at Common Caching Strategies, and how CQRS can Replace the Need in the First Place / caches / 11 min read
• The Measurement Trap: The Hidden Costs of Over Reliance on Metrics / analytics, measurement, products / 9 min read
• Headless, boneless, skinless & lifeless UI: UI abstractions continue to evolve year over year. Let's talk about a couple of them, what they do, a little about why, and tease them a bit with silly names. / ui / 7 min read
• myAngular: Front-end libraries (React, Vue, Angular) and the basic principles of how they work, all in a single file using pure JavaScript (VanillaJS). / frontend, frameworks / 10 min read

🧰 Tools

• Typeset: An HTML pre-proces­sor for web ty­pog­ra­phy / typography
• Better Upload: Simple file uploads for React. / upload, s3, react
• UI Fonts: Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease. / fonts
• di-wise: Lightweight and flexible dependency injection library for JavaScript and TypeScript, w/wo ECMAScript decorators. / javascript
• Trench: Open-Source Analytics Infrastructure. A single production-ready Docker image built on ClickHouse, Kafka, and Node.js for tracking events, users, page views, and interactions. / analytics
• CondingFont: As software engineers, we spend a lot of time skimming, reading, making changes to code. The coding font that we spend 8 hours a day staring at has a lot to do with our productivity and comfort. That is why I created this gamified experience to help you find your true love of coding fonts! / fonts
• Zen Browser: Experience tranquillity while browsing the web without people tracking you! / browsers
• Zerox: Zero shot pdf OCR with gpt-4o-mini / ocr, ai
• ml.js: Machine learning tools in JavaScript / ml
• OriginUI: Beautiful UI components built with Tailwind CSS and Next.js. / ui
• pgdoc link: This site is providing helpful shortcuts to PostgreSQL documentation. / docs, postgres
• daisyUI: The most popular, free and open-source Tailwind CSS component library / ui
• React Modal Sheet: Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind / react
• Wazuh: Unified XDR and SIEM protection for endpoints and cloud workloads. / security
• ezcrypt: An easy to use tool for strong file encryption. / encryption
• Cool Shapes: 100+ Abstract shapes with cool grainy gradient. Ready to use with any design dev project. / shapes
• fedify: ActivityPub server framework in TypeScript / activitypub, federated
• Acorn: A small, fast, JavaScript-based JavaScript parser / parser, javascript
• DevToys: Swiss Army knife for developers - A desktop app that helps developers in daily tasks / tools
• GenAI Script: Automatable GenAI Scripting / ai
• Pylon: Enables TypeScript developers to easily build GraphQL APIs / graphql, typescript
• LocalXpose: LocalXpose is a reverse proxy that enables you to expose your localhost to the internet. / proxy
• Memos: An open-source, lightweight note-taking solution. The pain-less way to create your meaningful notes. Your Notes, Your Way. / notes

🎨 Design

• How Comic Sans became the Crocs of fonts: After 30 years of abuse, Comic Sans is ready for its redemption. / fonts / 8 min read
• Designing for anyone: The power of accessible products / a11y / 5 min read

🤪 Fun

• TimeMyMeeting.com: Time your meetings with a fun twist! / time, meetings / 1 min read

📚 Tutorials

• Creating a Keyboard Shortcut Hook in React (Deep Dive): Make a custom React hook to handle keyboard shortcuts. / react, shortcuts / 14 min read
• Delicious Donut Components: An interactive guide to component composition with React Server Components / react / 15 min read
• Remix Todo App: Learn how to use Remix to build a Todo app. / remix / 8 min read
• Making content-aware components using CSS :has(), grid, and quantity queries: The idea here is that you then preemptively provide sensible behavior and safeguards to keep things working well. / css / 12 min read
• How to roll your own auth in JavaScript & TypeScript: Authentication is an important topic of any application. It's the gatekeeper that ensures only the right people can access the right resources. But how do you roll your own authentication in JavaScript & TypeScript? In this tutorial, we'll explore how to build a session-based authentication system. / auth / 14 min read
• Creating a LLM-as-a-Judge That Drives Business Results: A step-by-step guide with my learnings from 30+ AI implementations. / ai, llms / 41 min read
• Anthropic courses: Anthropic's educational courses / ai / 5 min read

📺 Videos

• An Early Glimpse of TanStack Start: TanStack Start is a fresh take on full-stack React development by the same creators of TanStack Query and TanStack Router. With an emphasis on type safety, developer experience, and productivity, Start marks a balance of intuitive tools and powerful primitives. / react, tanstack

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.