Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
https://land-book.com/ https://www.lapa.ninja/ 收集 Landing Page 的網站
https://muuuuu.org/ https://bm.s5-style.com/ 收集日本美麗的官方網站
https://webdesignclip.com/ 收集日本、世界的官方網站和 Landing Page
https://www.curated.design/ Curated Desig 精心收錄和整理了各種優秀的網站和應用程式設計,使使用者能夠輕鬆地找到符合您需求的設計靈感。
測試器這裡的產生器不需要管 cc0
https://systemfontstack.com/ 系統字體預設 CSS 示範
https://realfavicongenerator.net/ favicon 產生器
https://yoksel.github.io/url-encoder/ svg 轉換 css 程式碼
https://kumiko-generator.netlify.app/ svg 根據背景圖片產生三角格狀圖像
https://www.wavegenerator.app/ svg wave css 產生器
https://metatags.io/ 社群分享畫面測試器
https://screely.com/ 瀏覽器外框產生器
https://lewdev.github.io/apps/meta-tag-gen/ HTML Meta tag 產生器
https://link-to-qr.com/ QRCode 產生器
https://kcaps.app/ 快捷鍵圖片產生器
https://neumorphism.io/#55b9f3 Neumorphism 風格 CSS 產生器
https://shadows.brumm.af/ CSS 動畫曲線產生器
https://layout.bradwoods.io/ CSS 大外框排版產生器
https://alvarotrigo.com/shadow-gradients/ CSS 多彩陰影產生器
https://makeappicon.com/ iOS App Icon 各種尺寸圖產生器
https://github.com/elegantapp/pwa-asset-generator PWA Icon 產生器
https://ui.glass/generator/ CSS 毛玻璃效果產生器
https://min-max-calculator.9elements.com/ CSS Min Max Clamp 數值產生器
https://isoflow.io/ 系統架構圖產生器
https://www.toptal.com/developers/htmlshell 快速 HTML no-code 工具
https://badgen.net/ Github Badge 產生器
https://coverview.vercel.app/editor Blog 封面圖產生器
https://reply.io/email-signature-generator/ email 簽名檔產生器
https://www.projectwallace.com/ CSS 分析器 透過 dashboard 顯示行數、selector 數量、mediaquery 數量等,以及檔案大小、顏色等等,以數據化的方式來做分析。與其他工具比起來多了『歷史紀錄』功能,可以記錄一個網站的數據演變。
https://yellowlab.tools/ 網站前端效能檢查器
https://cssstats.com/ CSS 數據狀態檢視器
https://isellsoap.github.io/specificity-visualizer/ CSS Selector 視覺化 如同其名,把網站上的 specificity 變成視覺化的圖表,幫助找出那些不正常的 specificity 或是了解全站的 specificity 分佈,幫助作進一步的調整
https://cardgenerator.org/ 信用卡產生器
https://templates.mailchimp.com/resources/inline-css/ 把 CSS 放到 HTML 中的服務
https://putsmail.com/ 把 CSS 放到 HTML 中的服務,還可以寄送測試信件
https://cowsay-svelte.vercel.app/ ASCII 圖片產生器
https://tikolu.net/emojimix/%F0%9F%98%A6+%F0%9F%90%B0 emoji 混合產生器,使用 Google Emoji
https://gptv-app.vercel.app/ 無障礙口述影像產生器
position anchor 位置 https://chrome.dev/anchor-tool/
測試工具
測試 Sample
視覺化圖表的分類大表
資料視覺化得獎作品
臨時信箱,註冊試用新服務時好用!
檔案格式轉換器
Notion Business Model Canvas
Notion Lean Canvas
UX 思考工具
https://caninclude.glitch.me/ 查詢某一個 HTML Tag 是否能內含另一個 HTML Tag 跟容器的特性有關
https://caniuse.com/ 查詢 CSS 屬性在各大瀏覽器版本是否能使用
https://www.caniemail.com/ https://www.campaignmonitor.com/css/ 查詢 HTML、CSS 是否能在 email 服務、環境使用(作業系統、瀏覽器)
https://www.canidev.tools/ 查詢是否能在各種 Devtool 做什麼事