網路資源列表 頁1

SVGator- 好用的線上圖形化 SVG 動畫編輯工具

SVGator 是一個強大的線上 SVG 動畫編輯工具,可以在線上繪製 SVG 後匯出,也可以上傳已經畫好的 SVG 圖片後製作動畫,動畫都是圖形化介面很方便,可以不用寫 code 就能製作動畫。

Free Range Stock- 免費圖片素材

Free Range Stock 提供大量免費的圖片素材,需要註冊使用。

UI8- 收集許多 UI 設計與素材的網站,可以付費購買取得原始檔

UI8 是一個收集許多 UI 設計與素材的網站,可以付費購買取得原始檔。

RegexOne- 帶你一步一步認識怎麼寫正規表達式的網站

RegexOne 是一個帶你一步一步認識怎麼寫正規表達式的網站,可以依據上面的文章跟著了解以及練習。

Free Images- 提供大量的免費圖庫,可用於個人以及商用

Free Images 提供大量的免費圖庫,可用於個人以及商用。

Free Digital Photos- 收錄許多圖片資源的網站

Free Digital Photos 是一個收錄許多圖片資源的網站,你可以選擇使用尺寸較小的圖片,或是付費下載高解析度的圖片。

[jQuery] instastory.js- 方便好用的抓取 instagram hash tag 的 plugin

instastory.js 方便好用的抓取 instagram hash tag 的 plugin,只要使用 jQuery 並透過簡單的設定,就能抓取指定的 ig hash tag 照片了。

Dreamstime- 一個可搜尋、經常更新的免費圖庫

Dreamstime 是一個可搜尋、經常更新的免費圖庫網站。

ImgBB- 免費圖片空間,並可設定自動刪除時間

ImgBB 提供了免費圖片空間,並可設定自動刪除時間。

lazyload- 讓媒體資源(圖片、影片)延遲下載,增加網站開啟速度與優化使用者體驗

lazyload 是一個滿老牌的資源緩讀的函式庫,一般來說如果一個頁面有太多圖片的話,會因為同時間一起讀取而開啟速度很慢,lazyload 就是讓這些資源變成在頁面捲動到時才開始讀取,目前已經支援 RWD 的圖片以及影片,非常方便。

YouTube Audio Library- YouTube 提供的免費音樂與音效資源庫

YouTube Audio Library 是由 YouTube 提供的免費音樂與音效資源庫,可以依據授權方式將音樂或音效使用在自己的影片上。

黑板粉筆字體免費下載,適用於 Windows、Mac OS 作業系統

這是日本提供的黑板粉筆字型(Nagurigaki Crayon),可以免費用於個人、印刷或商業的地方,且支援 Windows 及 Mac OS,只要到官網下載後再安裝至自己的電腦就可以使用了。

fabric.js- 強大且方便使用的 javacript canvas 函式庫

fabric.js 是一個很方便且好用的 javascript canvas 函式庫,透過簡單的設定就可以用來做有趣的互動效果,諸如拖曳、旋轉和變形等等。

google 的複合式搜尋結果測試頁面

現在在寫網頁為了讓 google 可以更認識我們的頁面內容,都會製作一個 JSON-LD 的資料供 google 去判讀,而 google 也提供了這個網頁讓我們可以去檢查我們製作的資料內容正不正確。

Freesound- 豐富且大量的免費線上音效庫

Freesound 提供了許多的音效效果,可以線上試聽以及下載使用,對於有使用音效需求的人是很方便的資料庫。

Jamendo- 豐富的線上音樂庫,可以線上聆聽或下載

Jamendo 是一個豐富的線上音樂庫,可以線上聆聽或下載使用。

Tailwind CSS- Utility-First CSS 的 CSS 框架

Tailwind CSS 是一個近年崛起的 CSS 框架,不同以往使用框架只是 class name 的搭配組合,Tailwind CSS 還提供你利用內建的樣式產出新的模組的功能,對於開發者來說又更有彈性了,從事前端開發的朋友都應該花點時間試試看他的威力。

TinyMCE- 好用的所見即所得(WYSIWYG)編輯器

TinyMCE 是一個好用的所見即所得(WYSIWYG)編輯器,可以透過簡單的安裝就能在網頁上面使用。