HTML with Superpowers, prettymaps and W3C design system


Site of the week

1) HTML with Superpowers

This article will explain beside people like HTML, CSS, and designs systems and do not use web components. This article will help us in learning how to use HTML, CSS, Javascript with web component.

2) W3C design system

The design system documents the styles, components and templates available to use on your website.

3) GitHub-powered open-source uptime monitor and status page.

Upptime is a free and open-source uptime monitor and status website service. It’s very different from other status-page services because it doesn’t require a server — it’s all powered by GitHub:

  • GitHub Actions is used as an uptime monitor
  • GitHub Issues are used for incident reports
  • GitHub Pages are used for the status website
  • 4)The Surprising Things That CSS Can Animate

    When you think of animating CSS properties, which ones come to mind?

    This articles explores some of the unexpected things that CSS can animate and some nifty things you can do by animating them.

    5) YT DLP

    yt-dlp is a youtube-dl fork based on the now inactive youtube-dlc. The main focus of this project is adding new features and patches while also keeping up to date with the original project

    6) Access modern GPU features with WebGPU

    WebGPU enables high-performance 3D graphics and data-parallel computation on
    the web.

    WebGPU is a new web API that exposes modern computer graphics capabilities, specifically Direct3D 12, Metal, and Vulkan, for performing rendering and computation operations on a graphics processing unit (GPU).

    7) prettymaps

    A minimal Python library to draw customized maps from OpenStreetMap created using the osmnxmatplotlibshapely and vsketch libraries.

    8) I made Squid Game with JavaScript

    Squid game made with JavaScript and THREE.JS.