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

1

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.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs