Skip to main content

[App] Toolbox

網頁開發相關#

Command#

快速啟動 local server#

# Use python
$ python -m SimpleHTTPServer 3000
# Use browser-sync
$ browser-sync start --server --files '**/*.css, **/*.html, **/*.js, !node_modules/**/*' --directory --port 7777 --browser 'Firefox Developer Edition'
# Use http-server
$ http-server
# ngrok
$ ngrok http 8080 -host-header="localhost:8080"

套件#

名稱類型內容
video.js影音影音播放器。
tus影音一種用來作為續傳檔案的 protocol,提供 npm 套件可以使用,可搭配 Vimeo 使用。
plyr影音好看的影音播放器。
echarts圖表
highcharts圖表方便繪製圖表,商業使用費用昂貴。
crypto-js加密JavaScript 方便用來加解密的套件。
datalist-polyfillHTML補足在 Safari 等瀏覽器上不能使用 HTML datalist 的情況。
RecordRTC套件根據 WebRTC 撰寫的 library
gitignore套件CLI Tool 快速產生 gitignore 的檔案

服務#

名稱類型備註
Wistia影音根據上傳的影片數量和使用流量計費。
Vimeo影音根據每月可上傳的影片大小和總儲存空間計費。
JWPlayer影音API 可供非商業免費使用,根據播放次數、影片數目、總儲存空間計費。
serveo開發測試直接將本機 localhost 建立一個可用的 https 網路服務,只需在 terminal 輸入:
$ ssh -R <sub_domain>:80:localhost:3000 serveo.net
certbotMIS產生 SSL 憑證,可以用 brew 安裝
clipboardjsWebAPIs處理網頁複製  剪下的好用工具

字體#

名稱類型備註
思源黑體(source-han-sans)font-family: "SourceHanSansTC-Light"
Operatorfont-family: "Operator Mono Lig"
FiraCodefont-family: "Fira Code"
  • 自己打包字體 nerd-fonts @ Github
  • 其他適合寫程式使用的字體:Roboto Mono, monospace Inconsolata, Consolas, Monaco, Menlo

App#

名稱類型備註
UdemyDownloaderGUI下載可用來下載 Udemy 線上課程到本機
git openCMD直接在 terminal 輸入 git open 即可前往該 GitHub
HD-Video-Converter-Factory-Pro影片轉檔可處理影片轉檔(Windows)
JDownloader下載可於後台下載檔案影片
👎 LightWorks影片剪輯可於 Mac 上使用的影片剪輯軟體
MacX Video Converter Pro影片轉檔可用於將 4k 影片轉檔(減少小米偏紅情況),下載 youtube 影片
medium unlimitedChrome Extension可以在登入狀態下,繼續暢讀 Medium 文章
Last updated on