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

Web master tools content removal

• https://www.google.com/webmasters/tools/removals

• https://search.google.com/search-console

• https://www.bing.com/webmaster/tools/content-removal

• https://support.yahoo-net.jp/PccSearch/s/article/H000007995

• https://info-search.yahoo.co.jp/archives/002869.php

• https://support.yahoo-net.jp/form/s/PccSearch