Web dev tools
Collections
- โจ๐ Spark Joy! - 2000+ ways to add design flair, user delight, and whimsy to your product.
- What are Bookmarklets? How to Use JavaScript to Make a Bookmarklet in Chromium and Firefox
- A Complete Guide To Accessibility Tooling
- Nativefier - Make any web page a desktop application
- https://shrtco.de/ - The privacy-friendly URL Shortener. on free.
- Whatโs Up With Serverless?
- CORS Unblock
- The W3C Markup Validation Service
- HTTP Status Dogs - Hypertext Transfer Protocol Response status codes. And dogs.
- Component Party - Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 2, Vue 3, Angular, SolidJS, Lit, Ember, Alpine, Qwik
- ํฌํธ์ - ํ๊ตญ ๊ฒฐ์ ๋ํ
- Microsoft Clarity - Free Heatmaps & Session Recordings
- MJML - the only framework that makes responsive-email easy
- Hono + htmx + Cloudflare is a new stack
- screenshot-to-code converts a screenshot to HTML/Tailwind CSS. It uses GPT-4 Vision to generate the code and DALL-E 3 to generate similar-looking images.
- https://tests.caniuse.com/avif
- htmz is a minimalist HTML microframework that gives you the power to create dynamic web user interfaces with the familiar simplicity of plain HTML.
<iframe hidden name="htmz" onload="setTimeout(()=>document.querySelector(this.contentWindow.location.hash||null)?.replaceWith(...this.contentDocument.body.childNodes))" ></iframe>
Images
- Lorem.space - Placeholder Images but useful!
- Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
- loading="lazy" attribute polyfill - Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.
Type safety
https://news.ycombinator.com/item?id=33986555 This is how I move fast and break nothing. By having fullstack type-safety from database all the way to the frontend with auto-completion. My current stack:
- SvelteKit (could be Next, Nuxt, Solid or any other TypeScript framework)
- tRPC (typed calls between frontend and backend, https://trpc.io)
- trpc-sveltekit (glues SvelteKit and tRPC, https://github.com/icflorescu/trpc-sveltekit)
- Prisma (ORM, https://www.prisma.io)
https://news.ycombinator.com/item?id=33990399 Might I recommend https://jawj.github.io/zapatos/ to remove the last 3 lines of our stack.
Why does everyone hate Safari?
- Apple's Safari browser runs the risk of becoming the new Internet Explorer โ holding the web back for everyone
- When will Safari finally get it together?
- Safari is the new IE
- Even here on hacker news, https://news.ycombinator.com/item?id=34377890
- Dev advocate for Safari Team addressing the statement headon: https://twitter.com/jensimmons/status/1491064075987873792
- Op-ed by Nolan Lawson on Ars Technica: Op-ed: Safari is the new Internet Explorer
- Safari Team Asks for Feedback Amid Accusations That 'Safari Is the Worst, It's the New IE'
- File System Access API