weeklyfoo #14 is here: your weekly digest of all webdev news you need to know! This time you’ll find 63 valuable links in 7 categories! Enjoy!
🚀 Read it!
- 2024 Guide to Goals for Software Engineers: Personally I love tipps about getting better. This blog post is all around setting goals. / goals / 12 min read
📰 Good to know
- React Server Components: the Good, the Bad, and the Ugly: Deep dive into react server components with Next.js / nextjs, react, rsc / 20 min read
- jQuery 4: whoaaaa / jquery / 9 min read
- Microsoft’s Copilot app is now available on iOS: The Microsoft Copilot app lets you ask questions, draft text, and generate images using AI. / ai, copilot, microsoft / 4 min read
- Stuff we figured out about AI in 2023: Summarized in 10 points / ai / 16 min read
- Beep Beep: The beeper app lost the game with Apple / apple, iMessage, beeper / 13 min read
- Booking.com hackers increase attacks on customers: Be aware with your next booking.com order. / hack / 1 min read
- I built the same app 7 times! Which JS Framework is best?: Comparison of the same app built with 7 different frameworks / frontend / 33 min read
- Docs deserve more respect: Indeed / docs / 7 min read
- Why I use Astro: I follow Flavio for a long time, and it’s nice to read his journey and motivation to use Astro / astro / 8 min read
- I hate Chrome browser’s new design with a burning passion. Here’s how to revert to the classic one.: I’m not hating the new design, but I’m really happy that there’s a way to switch back ;) / chrome / 9 min read
- Introducing Catalyst: A modern UI kit for React: First dev preview of Catalyst / tailwind, catalyst / 8 min read
- The AHA Stack: Loving it! Combine Astro, htmx and Alpine.js to create modern web applications sending HTML over the wire, replacing the SPA JS-heavy approach with a much simpler set of mental models and workflows. / aha, astro, htmx, alpinejs / 1 min read
- SIEVE is simpler than LRU: Deep dive into caching, and presenting a new cache eviction algo called SIEVE. / caching / 9 min read
- What Will Happen In 2024: AI + web3 = <3 / 2024, ai, web3 / 7 min read
- 10 Interview Questions Every JavaScript Developer Should Know in 2024: Good ones! / interviews / 16 min read
- Announcing Vue 3.4: Next minor version of vue / vue / 7 min read
- Introduction to HTMX: The htmx train accelerates / htmx / 16 min read
- Microsoft’s new Copilot key is the first big change to Windows keyboards in 30 years: Microsoft really wants to push Copilot / copilot / 6 min read
- NPM registry prank leaves developers unable to unpublish packages: everything fetches everything / npm / 8 min read
- WebAssembly: 4 Predictions for 2024: 2024 Is the Year of Wasm in Production / wasm / 23 min read
- Leaked File Shows the Thousands of Artists Midjourney Has Allegedly Used to Train Its AI Models: Names include Yayoi Kusama, Damien Hirst, Andy Warhol, and even a six-year-old child. / midjourney / 7 min read
- How Uber Finds Nearby Drivers at 1 Million Requests per Second: Nice insights about how Uber identifies relevant drivers / uber, insights / 8 min read
- The world’s smallest PNG: Wow, worth reading if you want to learn how a PNG file is encoded. / pngs / 14 min read
- 9 years of Apple text editor solo dev: Really enjoyed reading this story behind the Paper app / apple, paper / 35 min read
🧰 Tools
- HackerStartup: Useful SaaS Kits and Starter Templates for developers to build your next project faster / starter, bootstrap
- ParadeDB: PostgreSQL for Search / postgres
- Mathesar: Mathesar is an open source and web-based interface that works on top of your database. / databases
- SVG-Loaders: Loading icons and small animations built with pure SVG. / svg, loaders
- markdown-to-jsx: The most lightweight, customizable React markdown component. / react, markdown
- React DayPicker: DayPicker is a customizable date picker component for React, with native TypeScript support. / react, date
- react-timezone-select: An extremely usable and dynamic React timezone selector / react, timezones
- SSH3: faster and rich secure shell using HTTP/3 / ssh
- OpenVoice: Instant voice cloning by MyShell. / voice
- Plotteus: Plotteus is an open-source JavaScript data visualization library designed to help you tell better stories. / javascript, story telling
- docx.js: Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser. / docx, javascript
- lowdb: Simple and fast JSON database / json, db, javascript
- webhook.cool: Allows you to receive and inspect webhook requests. / webhooks
- type-coverage: A CLI tool to check type coverage for typescript code / typescript, coverage
- mise-en-place: The front-end to your dev env. / env, cli
- Jan: Jan is an open source alternative to ChatGPT that runs 100% offline on your computer / ai
- midlibrary: The most advanced library of genres, artistic movements, techniques, titles, and artists’ styles for Midjourney AI. / ai, midjourney
- Krea: Create images with AI / ai
- Neodrag: Tiny lib to drag elements / javascript, typescript, dnd
- Neoconfetti: Tiny lib to create confetti effect / javascript, typescript
🎨 Design
- Naming Design Tokens: The Art of Clarity and Consistency / design-tokens / 7 min read
- Everything You Need to Know About Responsive Logo Design: Logos need to work on smaller screens as well, and not just by shrinking the size. / logos / 14 min read
- UX Dictionary: Dictionary with all the UX keywords / ux, dictionary / 11 min read
- UX Design Conferences You Can’t Miss in 2024: Listed per month and a description / conferences / 21 min read
- Drawww: Drawww offers you significantly better drawing experience, powered by AI / ai / 4 min read
- Responsive templates: The best responsive website templates / templates / 12 min read
- Tell better stories: The 9 principles of Better Stories / stories / 3 min read
- UI/UX Design Trends For 2024: Dive into the latest UI/UX design trends for 2024. Take advantage of them to level up your business and strengthen your digital services. / trends / 8 min read
- Oh shit banners: Bonus: I learned what Confirmshaming is! / banners / 14 min read
- Patterns and Predictions for 2024: Thoughts on what will have a lasting impact on us at the intersection of creativity and technology / 2024 / 14 min read
- Create Outstanding Offboarding and Frictionless Experiences for Your Users: Started to think about how many offboardings are really bad / offboarding / 7 min read
🤪 Fun
- Flexbox Froggy: Fun game to learn css/flexbox / game, css / 1 min read
- The Terminal Sunday: Start each new terminal session with a thought-provoking reminder of the time you have to make the most of your life! - Maybe not so fun though? / terminal / 5 min read
📚 Tutorials
- Nice header effect: Thanks @jh3yy! / css / 1 min read
- Expanding scroll indicators: Thanks @jh3yy! / css / 1 min read
📺 Videos
- Crypto: The World’s Greatest Scam.: It’s necessary to understand how the world is looking on the whole web3 space - to eventually create useful services for the masses / crypto, web3
- HTMX Crash Course: Dynamic Pages Without Writing Any JavaScript / htmx
- Ida Persson: What’s hiding in the simple: why less is not more when designing for people and plan…: Short talk, I liked it! / design