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. by Paul Graham / 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. by Tim Anderson / 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. by Stephen Flanders / 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. by Jonathan Creamer / 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! by Bryan Braun / domains / 8 min read
- Searching for and navigating Git commits: Learn how to search with the git cli in your code base by Alex Harri / git / 12 min read
- We’re forking Flutter. This is why.: And it’s called Flock. by Matt Carroll / flutter, frameworks / 11 min read
- On Good Software Engineers: It’s by far not only to produce lots of code. by Candost Dagdeviren / 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. by expressionstatement.com / 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. by @tef / 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. by Chelsea Troy / leadership / 18 min read
- Yes, Or…: Tech sayings put into context. by John Cutler / engineering / 4 min read
- GitHub Spark lets you build web apps in plain English: New AI tool from Github by Frederic Lardinois / 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. by Colman Humphrey / startups / 10 min read
- Migrating billions of records: Moving our active DNS database while it’s in use by Alex Fattouche, Corey Horton / cloudflare, databases, migration / 23 min read
- How I increased my visibility: Kents’ advice on how to get more visibility by Kent C Dodds / visibility / 6 min read
- Fun with Custom Cursors: Two ways to change the default mouse cursor appearance. by letsbuildui.dev / cursors, css / 9 min read
- My Modern CSS Reset: A starter to reset css for your new project. by Jake Lazaroff / css / 10 min read
- Lessons learned from a successful Rust rewrite: Story about a rewrite from C++ to Rust and the lessons learned. by Philippe Gaultier / rust / 15 min read
- Salary Negotiation - Make More Money, Be More Valued: Patrick McKenzie’s salary negotiation guide by Patrick McKenzie / salary, career / 36 min read
- state of frontend 2024: The third edition of the biggest frontend report. by Aleksandra Dąbrowska / 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. by github.blog / github, octoverse / 50 min read
- Introducing ChatGPT search: Get fast, timely answers with links to relevant web sources. by openai.com / 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 by Ariana Bindman / 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 by Mario Bittencourt / caches / 11 min read
- The Measurement Trap: The Hidden Costs of Over Reliance on Metrics by Mike Fisher / 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. by nerdy.dev / 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). by faustinoaq / frontend, frameworks / 10 min read
🧰 Tools
- Typeset: An HTML pre-processor for web typography by David Merfield / typography
- Better Upload: Simple file uploads for React. by Nicholas / upload, s3, react
- UI Fonts: Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease. by uifonts.app / fonts
- di-wise: Lightweight and flexible dependency injection library for JavaScript and TypeScript, w/wo ECMAScript decorators. by Xuanbo Cheng / 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. by trench.dev / 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! by codingfont.com / fonts
- Zen Browser: Experience tranquillity while browsing the web without people tracking you! by zen-browser.app / browsers
- Zerox: Zero shot pdf OCR with gpt-4o-mini by OmniAI / ocr, ai
- ml.js: Machine learning tools in JavaScript by ml.js / ml
- OriginUI: Beautiful UI components built with Tailwind CSS and Next.js. by originui.com / ui
- pgdoc link: This site is providing helpful shortcuts to PostgreSQL documentation. by Hubert Lubaczewski / docs, postgres
- daisyUI: The most popular, free and open-source Tailwind CSS component library by Pouya Saadeghi / ui
- React Modal Sheet: Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind by Teemu Taskula / react
- Wazuh: Unified XDR and SIEM protection for endpoints and cloud workloads. by wazuh.com / security
- ezcrypt: An easy to use tool for strong file encryption. by ezcrypt / encryption
- Cool Shapes: 100+ Abstract shapes with cool grainy gradient. Ready to use with any design dev project. by Vijay Verma / shapes
- fedify: ActivityPub server framework in TypeScript by Hong Minhee / activitypub, federated
- Acorn: A small, fast, JavaScript-based JavaScript parser by acornjs / parser, javascript
- DevToys: Swiss Army knife for developers - A desktop app that helps developers in daily tasks by devtoys.app / tools
- GenAI Script: Automatable GenAI Scripting by Microsoft / ai
- Pylon: Enables TypeScript developers to easily build GraphQL APIs by pylon.cronit.io / graphql, typescript
- LocalXpose: LocalXpose is a reverse proxy that enables you to expose your localhost to the internet. by localxpose.io / proxy
- Memos: An open-source, lightweight note-taking solution. The pain-less way to create your meaningful notes. Your Notes, Your Way. by usememos.com / notes
🎨 Design
- How Comic Sans became the Crocs of fonts: After 30 years of abuse, Comic Sans is ready for its redemption. by Elissaveta M. Brandon / fonts / 8 min read
- Designing for anyone: The power of accessible products by Anton Sten / a11y / 5 min read
🤪 Fun
- TimeMyMeeting.com: Time your meetings with a fun twist! by timemymeeting.com / time, meetings / 1 min read
📚 Tutorials
- Creating a Keyboard Shortcut Hook in React (Deep Dive): Make a custom React hook to handle keyboard shortcuts. by Tania Rascia / react, shortcuts / 14 min read
- Delicious Donut Components: An interactive guide to component composition with React Server Components by Maxi Ferreira / react / 15 min read
- Remix Todo App: Learn how to use Remix to build a Todo app. by Udoh / 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. by Eric Bailey / 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. by Robin Wieruch / 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. by Hamel Husain / ai, llms / 41 min read
- Anthropic courses: Anthropic’s educational courses by Anthropic / 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. by Tanner Linsley / react, tanstack