weeklyfoo #12 is here: your weekly digest of all webdev news you need to know! This time you’ll find 46 valuable links in 6 categories! Enjoy!
🚀 Read it!
- The Pragmatic Engineer in 2023: The articles you enjoyed most this year, my personal favorites, and a recap of an unusually turbulent year in tech. / 2023 / 19 min read
📰 Good to know
- Database Fundamentals: Deep dive into databanse fundamentals / databases / 35 min read
- Why multi-cloud: the 5 best reasons, according to experts: I was also confronted with this questions a lot of times. So here are some good reasons. / multi-cloud / 11 min read
- Oxlint General Availability: According to the docs the linter is 50x to 100x faster than ESlint. / linters / 4 min read
- Transaction Isolation in Postgres, explained: Good deep dive! / sql, postgres / 24 min read
- React Tricks: Fast, Fit and Fun: Lessons and hacks learned from developing a micro-library / react / 19 min read
- More product, fewer PMs: How to make teams product oriented / product / 6 min read
- Node.js Best Practices: If you’re building Node.js applications, you find lots of tipps in this repo. / nodejs / 80 min read
- Projects: Lessons learned from building personal projects / side projects / 11 min read
- Saying goodbye to third-party cookies in 2024: No more 3rd party cookies / cookies / 12 min read
- On this day in 1994, Netscape Navigator 1.0 started the web we know today: Netscape Navigator was the world’s first web browser developed for commercial purposes, and it dominated the market until Internet Explorer came out. / netscape / 10 min read
- Getting started with Web Performance: LCP, INP, CLS, … / performance / 30 min read
- Three modern CSS properties your website must have: Let’s explore three lesser-known CSS secrets that can help you fixing some UI problems on your website. / css / 9 min read
- Web Performance Calendar: Ten optimisation tips for an initial web performance audit / performance / 16 min read
- Apple Planning to Launch Vision Pro by February: February it is! / apple, vision pro / 15 min read
- date-fns v3 is out!: Major release of the popular date/time library / date-fns / 8 min read
- Midjourney V6 is here with in-image text and completely overhauled prompting: The generated images look amazing. / ai, midjourney / 9 min read
- The Year in Computer Science: Artificial intelligence learned how to generate text and art better than ever before, while computer scientists developed algorithms that solved long-standing problems. / ai / 11 min read
- A Crash Course on Caching Fundamentals: All about caching / caching / 8 min read
- Google OAuth is broken (sort of): This is a fascinating outline of some Google oauth kind of issues. / security, google, oauth / 8 min read
- Deep Cloning Objects in JavaScript, the Modern Way: Use structured clone! / javascript / 11 min read
- Introducing the new Wasmer JS SDK: I’m super excited about that, and hopefully some great wasm libs arise! / wasm / 8 min read
- Advice for new software devs who’ve read all those other advice essays: From a person who really shouldn’t be giving others advice. / advice, job / 6 min read
- End of Year Pay Report 2023: Levels.fyi’s annual compensation report. View top paying companies, cities, titles & other trends. / report / 13 min read
🧰 Tools
- svgl: SVG Logos / svg
- codapi: Interactive code examples for documentation, education and fun. / docs, code
- Puck: Puck empowers developers to build amazing visual editing experiences into their own React applications, powering the next generation of content tools, no-code builders and WYSIWYG editors. / react, wysiwyg
- Gemini Pro Chat: Minimal web UI for GeminiPro. / ai, gemini
- Inpaint-web: A free and open-source inpainting & image-upscaling tool powered by webgpu and wasm on the browser / images
- Wireflow: Wireflow is free, online and open source tool for creating beautiful user flow prototypes. / user flows
- Visual Electric: An image generator that’s built fir the creative process. / images, ai
- UX Repo: Resources to help you craft exceptional user experiences / ux
- DeviceScript: TypeScript for Tiny IoT Devices / typescript, iot
- React Aria: Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles. / react, components
- Animista: Pre-made css animations, and a really nice app / animations
🎨 Design
- Prettyfolio: Curating top 1% portfolios on the internet. / websites / 2 min read
- bentogrids: Websites using bento grids / bento / 11 min read
- OGimage.gallery: Collection of great og images of websites / og / 5 min read
- Best Product Design Books: The user experience team of one is on my list now. / books / 22 min read
- Designing Perfect Tabs: If you ever want to design your own tabs, read this post. / tabs / 4 min read
- Checklist Design: A collection of the best design practices. / checklist / 5 min read
- Heroicons Micro: What are these, icons for ants?: New micro style for Heroicons / icons / 2 min read
- UX/UI Design Trends Going Into 2024: Not super suprising, but: Bento / trends / 12 min read
🤪 Fun
- Simple sabotage for software: So good! / sabotage / 8 min read
- Using date-based CSS to make old web pages look old: lol / css / 18 min read
📺 Videos
- TypeScript Origins: The Documentary: TS! / typescript