Ray.so

將程式碼片段快速轉成可分享圖片的精簡網頁工具。

  • 網頁工具
前往 Ray.so 官方網站

這是什麼

Ray.so 可把貼上的程式碼製作成視覺化圖片。

為何推薦

要說明一小段程式、發布更新或寫貼文時，比整理編輯器再截圖更快。

適合誰

需要簡短視覺化程式範例的開發者、寫作者與教學者。

常用情境

  • 在文件中加入程式片段
  • 在貼文分享一個小技巧
  • 準備程式投影片或筆記

Color.review

快速比較前景與背景色對比，並對照常見無障礙門檻的工具。

  • color
  • contrast
  • accessibility

Easing Editor

Anime.js 的彈簧緩動編輯器，可預覽動態並匯出 CSS 或 JavaScript 值。

  • animation
  • easing
  • css

Easing Functions

視覺化查閱常見緩動曲線，以及它們如何隨時間改變動態。

  • animation
  • reference
  • easing