weeklyfoo #27 is here: your weekly digest of all webdev news you need to know! This time you’ll find 40 valuable links in 7 categories! Enjoy!
🚀 Read it!
- JavaScript Visualized: Promise Execution: Deep dive into promises. Check out the animations <3 by Lydia Hallie / javascript, promises / 8 min read
📰 Good to know
- How GitHub replaced SourceForge as the dominant code hosting platform: Entertaining article about the rise of Github by Greg Foster / github / 17 min read
- Getting out of meetings and into focused work: meetings aren’t work — they’re a cost of getting work done by Ami Vora / productivity / 5 min read
- Everything I Know About the XZ Backdoor: This xz backdoor is like a movie by Evan Boehs / backdoor / 10 min read
- The Frontend Challenge: bananas are the superior fruit: I’m always impressed what you can do just with CSS. by Florian Scholz / css / 15 min read
- Bun 1.1: Next minor release of Bun with Windows support. by Jarred, Dave, Ashcon, Dylan, Meghan, Georgijs, Ciro / bun / 35 min read
- Why choose async/await over threads?: async/await is a powerful programming model in Rust by John Nunley / rust / 14 min read
- How we’ve saved 98% in cloud costs by writing our own database: Not sure if I’m convinced writing my own database ;) by hivekit.io / database, cosos / 9 min read
- Using GitHub Copilot in your IDE: Tips, tricks, and best practices: GitHub Copilot is a powerful AI assistant. Learn practical strategies to get the most out of GitHub Copilot to generate the most relevant and useful code suggestions in your editor. by github / github, copilot, ide / 19 min read
🧰 Tools
- Slidev: Presentation Slides for Developers by slidevjs / presentations
- Pragmatic Drag and Drop: Fast drag and drop for any experience on any tech stack by Atlassian / dnd
- JS Torch: A JavaScript library like PyTorch, built from scratch. by Eduardo Leao / ml
- HeyForm: HeyForm is an open-source form builder that allows anyone to create engaging conversational forms for surveys, questionnaires, quizzes, and polls. No coding skills required. by heyform / typescript
- valkey: A new project to resume development on the formerly open-source Redis project. We’re calling it Valkey, since it’s a twist on the key-value datastore. by valkey.io / kv
- RunJS: JavaScript Playground - Write and run code with instant live feedback. by runjs.app / javascript
- Creo: Build internal tools with AI by trycreo.com / tools, ai
- Floro: floro is a distributed version control system for creating and managing interoperable static assets and i18n strings by floro.io / cms
- svgator: The Easiest Way to Animate SVG by svgator.com / svg
- Journey.js: A lightweight, easy-to-use JavaScript library to create interactive, customizable, accessible guided tours across your websites or web apps! by William Troup / javascript, tour
- Dexie.js: A Minimalistic Wrapper for IndexedDB by dexie.org / javascript
- js.org: Get a free js.org subdomain by js.org / domains
- dotLottie Rust: A universal, high-performance Lottie and dotLottie player built with Rust. by LottieFiles / rust
- Signals for Tailwind CSS: Signals for Tailwind CSS simplifies styling based on ancestor state via style queries. Its declarative API for signaling states eliminates complex selectors, resulting in cleaner, more maintainable code. by Brandon McConnell / tailwind, css, signals
- SableDb: Ultra fast, persistent database supporting Redis API by sabledb / db, keyvalue
- OpenUI: OpenUI let’s you describe UI using your imagination, then see it rendered live. by wandb / ai, ui
- selfh.st: Browse Self-Hosted Software by selfh.st / directory, selfhosted
- 3d Claymorphism UI: Generate and customize a 3d Claymorphism UI example with our free CSS online tool. by toptal.com / 3d
- bruno: Opensource IDE For Exploring and Testing Api’s (lightweight alternative to postman/insomnia) by usebruno.com / http
🎨 Design
- Onboarding Study: Learn user onboarding from the best SaaS products by onboarding.study / onboarding / 8 min read
- How we redesigned the Linear UI (part Ⅱ): I’m always impressed by Linear by Karri Saarinen, Yann-Edern Gillet, Romain Cascino, Andreas Eldh / ui / 16 min read
- UX/UI-trends in 2024: Lots of trends wuith illustrations. by dev.family / ui, ux / 14 min read
- Simple steps to turn icons into mini illustrations: Figure out the tricks to turn your icons into mini illustrations to spruce up your projects. by streamlinehq.com / icons / 6 min read
🤪 Fun
- Grumpy Website: Complains about everything! by Nikita Prokopov, Dmitrii Dimandt, Rakhim Davletkaliyev / complains / 5 min read
- Guess my RGB: Use three sliders to check if your selection matches the background color by Susam / rgb, colors / 1 min read
- Surf the web like it’s 1999 with these old-school cursors: Look at these cursors! by Jenny Xie / cursors / 16 min read
📚 Tutorials
- How to split JavaScript strings into sentences, words or graphemes with Intl.Segmenter: Didn’t know that javascripts offers such a thing. by Stefan Judis / javascript / 7 min read
- Running OCR against PDFs and images directly in your browser: Build your own tool to process pdfs and images by Simon Willison / ocr / 11 min read
- Build your own X: This repository is a compilation of well-written, step-by-step guides for re-creating our favorite technologies from scratch. by CodeCrafters / byo / 22 min read
- Infinite-Scrolling Logos In Flat HTML And Pure CSS: Good old marquee effect! by Silvestar Bistrović / css / 16 min read
📺 Videos
- Visual Guide to the Modern Frontend Toolchain (Vite): Vite under the hood by Lachlan Miller / vite