DEV Community

Cover image for Stay ahead in web development: latest news, tools, and insights #72
Adam
Adam

Posted on • Originally published at weeklyfoo.com

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

Signup here for the newsletter to get the weekly digest right into your inbox.

weeklyfoo #72 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!

  • How AI Takeover Might Happen in 2 Years: I’m not a natural “doomsayer.” But unfortunately, part of my job as an AI safety researcher is to think about the more troubling scenarios. by Joshua Clymer / ai, future / 68 min read

đź“° Good to know


🧰 Tools

  • Mail0: open source gmail alternative by nizzy / email
  • JStack: Build seriously fast, lightweight and end-to-end typesafe Next.js apps by jstack.app / nextjs
  • StockSnap.io: Beautiful Free Stock Photos. New CC0 images added daily, free from copyright restrictions. by stocksnap.io / images
  • Consola: Elegant Console Logger for Node.js and Browser by UnJS / logs
  • Human Regex: Human-friendly regular expression builder with English-like syntax. by Ridwan Ajibola / regex
  • LocalSend: Share files to nearby devices. Free, open-source, cross-platform. by Tien Do Nam / sharing
  • a0.dev: Like v0 but for React Native apps. by a0.dev / ai
  • Ohm: A library and language for building parsers, interpreters, compilers, etc. by ohmjs.org / javascript
  • React D3 Tree: React component to create interactive D3 tree graphs by Ben Kremer / tree, d3
  • React Image Gallery: React carousel image gallery component with thumbnail support by Xiao Lin / react, images
  • Share Button: A Web Component to share web pages using the native OS sharing options by David Darnes / sharing
  • Visprex: Visualise your CSV files in seconds without sending your data anywhere by visprex.com / visualization, csv
  • PostSpark: Beautify Screenshots by Dan / images
  • FullSoak: a no-build TypeScript fullstack SSR-first framework for developing fast web applications with a shallow learning curve by fullsoak / deno, framework
  • Litur: Find, collect and organize all the colors around you. by litur.app / colors
  • Phase: Simple Animation For Product Designers by phase.com / animations
  • Flexbox Labs: A web app for creating flexible layouts with the power of CSS Flexbox. by Praise Ogunleye / css, tailwind, layout
  • Style Observer: Run JS when a CSS property changes. Any CSS property. by Lea Verou / javascript
  • Oxidase: Transpiles TypeScript at the Speed of Parsing by branchseer / typescript
  • Unduck: A fast, local-first "search engine" for !bang users by Theo Browne / search

🤪 Fun

  • TabBoo: Add random jumpscares to sites you're trying to avoid by tabboo.xyz / extensions, bwoser / 1 min read

đź“š Tutorials

  • How to build a library in React: In this post, I quickly wanna go over how to build a library in React. by Tiger Abrodi / react, libraries / 11 min read
  • Intro to Wasm in Deno: JavaScript is a scripting language—distant from the machine code your CPU actually consumes. But JavaScript has a way to execute binary machine code, or something close to it, called WebAssembly. WebAssembly, or Wasm, is a low-level, portable binary format that runs at near-native speeds in the browser. by Andy Jiang, David Sherret / deno, wasm / 6 min read
  • Designing backgrounds with LLMs and React: That's so hot! by Ben Shumaker / backgrounds / 0 min read

đź“ş Videos

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

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

Top comments (0)