[TOC]

This post shows some resources helpful in web development.

Front end

Design

Semantic UI

CDN:

js: https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css

css: https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js

Ant Design

https://ant.design/

Tool

dom-to-image

Ref:https://github.com/tsayen/dom-to-image

example:

1
2
3
4
5
6
7
8
9
10
11
function clickButton() {
    const ll = ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"];
    for (let item of ll) {
        createImage(item).catch(error =>console.error('oops, something went wrong!', error));
    }
}

async function createImage(item) {
    let img = await domtoimage.toPng(document.getElementById(`my-progress-box-${item}`), {quality: 1})
    window.saveAs(img, `my-progress-box-${item}.png`);
}

Other

cdnjs

https://cdnjs.com/

A website to search for CDN resources.

Short URL

https://www.shorturl.at/