Weekly web development resources #154
Tags: webdev, javascript, css, react
Published: 2023-06-21 05:21:42



______

*Sponsored*
##[The Newsletter for Unicorns 🦄](https://unicornclub.dev/wweb.dev)
[![The Newsletter for Unicorns 🦄](https://wweb.dev/weekly/content/154/unicornclub.jpg)](https://unicornclub.dev/wweb.dev)
Best resources weekly for design-savvy front-end devs and code-loving UX/UI designers. 100% Free.

______


##[Capacitor](https://capacitorjs.com/)
[![Capacitor](https://wweb.dev/weekly/content/154/capacitor.jpg)](https://capacitorjs.com/)
An open source runtime for building native apps for iOS, Android, and PWAs with JavaScript, HTML, and CSS.

______


##[Native JSON Output From GPT-4](https://yonom.substack.com/p/native-json-output-from-gpt-4)
[![Native JSON Output From GPT-4](https://wweb.dev/weekly/content/154/gpt-json.jpg)](https://yonom.substack.com/p/native-json-output-from-gpt-4)
A nice blog post that explains how to generate structured data, like JSONs with the new GPT-4 API.

______


##[SVG Gradients](https://svggradients.com/)
[![SVG Gradients](https://wweb.dev/weekly/content/154/svg-gradients.jpg)](https://svggradients.com/)
A collection of 50 multicolor vectors for web developers and digital designers.

______


##[lax.js](https://github.com/alexfoxy/lax.js)
[![lax.js](https://wweb.dev/weekly/content/154/laxjs.jpg)](https://github.com/alexfoxy/lax.js)
A simple & lightweight vanilla JavaScript library to create smooth & beautiful animations when you scroll.

______


##[SVG versus Canvas](https://www.jointjs.com/blog/svg-versus-canvas)
[![SVG versus Canvas](https://wweb.dev/weekly/content/154/svg-canvas.jpg)](https://www.jointjs.com/blog/svg-versus-canvas)
An article that helps you choose the right technology for your web application.

______


##[Cloudflare Email](https://github.com/Sh4yy/cloudflare-email)
[![Cloudflare Email](https://wweb.dev/weekly/content/154/cloudfare-email.jpg)](https://github.com/Sh4yy/cloudflare-email)
A simple proxy server that can be used for sending free transactional emails through Cloudflare workers. 

______


##[Template String Converter](https://github.com/meganrogge/template-string-converter)
[![Template String Converter](https://wweb.dev/weekly/content/154/template-string-converter.jpg)](https://github.com/meganrogge/template-string-converter)
A Visual Studio Code extension converts a string to a template string when "${" is typed.

______


##[Vercel AI SDK](https://vercel.com/blog/introducing-the-vercel-ai-sdk)
[![Vercel AI SDK](https://wweb.dev/weekly/content/154/AI_SDK.jpg)](https://vercel.com/blog/introducing-the-vercel-ai-sdk)
An interoperable, edge-ready software development kit for AI apps built with React and Svelte. 

______


##[Color & Contrast](https://colorandcontrast.com)
[![Color & Contrast](https://wweb.dev/weekly/content/154/color-contrast.jpg)](https://colorandcontrast.com)
An interactive guide for learning about the theory, science, and perception of color and contrast.

______


##[Next.js 13 App Router](https://www.builder.io/blog/next-13-app-router)
[![Next.js 13 App Router](https://wweb.dev/weekly/content/154/next-router.jpg)](https://www.builder.io/blog/next-13-app-router)
A visual guide to learn about new App Router in Next.js 13.

______

_Enjoyed this newsletter? You can support me by:_

💸 booking a [sponsored post](https://wweb.dev/sponsorship)

☕️ donating via [Ko-Fi](https://ko-fi.com/wweb_dev)

🚀 helping me grow by sharing it with your friends and colleagues


Cheers,
Vincent from [wweb.dev](https://wweb.dev)