DEV Community

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

Posted on • Originally published at weeklyfoo.com

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

weeklyfoo #54 is here: your weekly digest of all webdev news you need to know! This time you'll find 37 valuable links in 6 categories! Enjoy!

πŸš€ Read it!


πŸ“° Good to know


🧰 Tools

  • one: One is a new React framework for web and native, built on Vite. / frameworks
  • Open Source CSS Variables: CSS custom properties to help accelerate adaptive and consistent design. / css
  • sq: sq is a command line tool that provides jq-style access to structured data sources: SQL databases, or document formats like CSV or Excel. It is the lovechild of sql+jq. / cli
  • Jazz - Instant Sync: A new way to build apps with distributed state. / sync
  • Easings: Test common easing curves on a range of interfaces. Or generate your own custom bezier curve. / animations
  • git absorb: git commit --fixup, but automatic / git
  • mymind: All your notes bookmarks inspiration articles and images in one single, private place. / organizing
  • player.style: Video and audio player themes built with Media Chrome, for every web player and every web app framework. / video
  • Brisa: Build web applications with speed and simplicity / frameworks
  • dbx: dbx is a lightweight sql editor and database client built for forward-looking developers / databases
  • PlaceholderJS: A free placeholder service designed for developers. Integrates seamlessly with React & NextJS. / placeholders
  • Statichunt: Statichunt is the largest directory of 3900+ themes, starters, UI kits, and tools for Static Site Generators. Find the perfect starting point for your next project and save hours. / themes, design
  • Text Behind Image: Create text-behind-image designs easily / images
  • setup-ci: CLI to spin your CI/CD for react-native! / cli, ci

🎨 Design


πŸ“š Tutorials

  • Plain Vanilla: An explainer for doing web development using only vanilla techniques. No tools, no frameworks - just HTML, CSS, and JavaScript. / javascript / 2 min read
  • Building a Single-Page App with htmx: People talk about htmx as though it’s saving the web from single-page apps. React has mired developers in complexity (so the story goes) and htmx is offering a desperately-needed lifeline. / htmx / 15 min read

πŸ“Ί Videos

  • Web Components: Little Bits: Web Components are a way to enrich standard HTML with new behaviours by creating custom elements! Join me as I share my experience of developing complex design systems as well as custom open-source tools, all with the power of Web Components / web-components
  • I BUILT a GAME in TypeScript TYPES!: In this video we will do something completely useless but extremely funny. We will build a fully functional tic-tac-toe gaming only using TypeScript types. / typescript
  • The Best TypeScript Features You're Not Using: TypeScript is great - and it's getting greater! The language and its tooling is constantly evolving to catch more bugs, let us write more robust types, and generate better dev tooling for everyone. / typescript

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

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

Top comments (0)