設計相關網站

廣告

Icon、Font

orion
https://orioniconlibrary.com/all-icons

browse
http://www.alwayswithhonor.com

Simply beautiful open source iconsnpm install feather-icons
https://feathericons.com/

找字體

IOS

web fonts

web icon font

收集網頁的網站

其他未分類工具

中文排版字典
https://www.w3.org/TR/clreq/

Google sheet to app
https://www.glideapps.com/?fbclid=IwAR3oanbGJlv16dVnS6uTdild1sy9yci-A4r7Y4u_o0uR6_iKNPuGEdnvMRE

Social Media Image Generator
https://promo.com/tools/image-resizer/?fbclid=IwAR1y48LUvQ5HmWcQi3bBwQ4IG8F48q6GblXR4ZWzcgptKVMGhgt71NiLmZA

不曉得該怎麼解釋的設計Guide,什麼都有
https://www.dimensions.guide/

挑選喜歡的coding字型
https://app.programmingfonts.org/

API收集網站
https://english.api.rakuten.net/

180個前端輔助工具表
https://ux.zeef.com/beatriz.martin

100個工具表
http://editorial.designtaxi.com/editorial-images/news-info120916/1.jpg

px to em
http://pxtoem.com

png  ico 互轉
http://convertico.com

video to gif
http://imgur.com/vidgif

圖片壓縮
https://compressor.io
https://tinypng.com
https://www.jpeg.io/

https://squoosh.app/

https://resourcecards.com/

CDN
https://cdnjs.com/
http://www.bootcdn.cn

map
https://datamaps.co/

Licence 檢查表
https://www.openfoundry.org/LicenseWizard/

網址分流
https://hsienblog.com/2018/01/13/lihi-short-url/

網站meta tag
http://www.heymeta.com/

包裝盒製作工具
https://easypackmaker.com/chooser

3D Mockups
https://www.screenspace.io/

VScode Theme
https://vscodethemes.com/

超強去背神器
https://www.remove.bg/

網頁截圖並加上背景與瀏覽器
https://screen.guru/screenshot


各式產生器

情境人物圖檔產生器
https://photos.icons8.com/creator

PDF格線產生器
https://incompetech.com/graphpaper/plain/

Mockup產生器
https://cleanmock.com/designer

SVG Gradient Map Filter Generator
https://yoksel.github.io/svg-gradient-map/#/

圓角svg產生器
https://www.blobmaker.app/?fbclid=IwAR1Zh6PbeEk1xg2iSmZJEojkBJB68-4e_Nhfn2ElCEPNSjB3zf9536btheo

網頁頁籤產生器 favicon
http://www.colinkeany.com/favicon-checker/?fbclid=IwAR1Hj-t2ZrQE0IOvOQ-NHskNLPTNDfdJ0r5PeHHf9kg6fS2smlfeQ49CvlM

假文產生器
http://www.lipsum.com/feed/html
http://richyli.com/tool/loremipsum/
http://generator.lorem-ipsum.info

身份產生器
http://www.fakenamegenerator.com/gen-random-us-us.php

APP Icon 產生器
https://makeappicon.com/

Browser 瀏覽器邊框產生器
https://www.screely.com/

UX Portfolio 產生器
https://www.uxfol.io/

程式碼美化圖產生器
http://codezen.rishimohan.me/
https://carbon.now.sh

大頭照產生器
https://uifaces.co/
http://uifaces.com/
https://joeschmoe.io/?ref=uxdesignweekly#sandbox

loading icon
http://loading.io
http://projects.lukehaas.me/css-loaders/
http://pathgather.github.io/please-wait/

border-radius 精彩變化產生器
https://9elements.github.io/fancy-border-radius/full-control.html?fbclid=IwAR0mLEM-pRJOIQWeFff9TGnRG0fcuTvETPMbB_jqgdxCWb-wMgRhpVzRMLo#10.10.10.10-90.90.90.90-.

Bootstrap theme 產生器
https://pikock.github.io/bootstrap-magic/app/index.html#!/editor

3D Mockup 產生器
http://threed.io/

Logo 產生器
https://www.launchaco.com/logo
https://mybrandnewlogo.com/
https://www.logoshuffle.com/

方便的API提取網頁
https://www.lists.design/

google font 文字logo產生器
https://picas.now.sh/

前端查詢、檢查、檢核表

前端檢查 checklist
https://frontendchecklist.io/
https://www.checklist.design/

UX checklist
https://uxchecklist.github.io/

檢查網頁字級
https://huu.la/ai/typesetter

CSS Reference
https://cssreference.io/

SASS速查表
https://www.css88.com/dev/sass.html?fbclid=IwAR3v-8K3BlGdWL0UEgKWSleJmyOXBUkayA18CEFqonxNMZOa5JX0GRC1KXk

CSS Selector 查詢表
https://adam-marsden.co.uk/css-cheat-sheet

CSS Trigers -觀看CSS特校所耗費的資源
https://csstriggers.com/#transform

CSS 在各瀏覽器與裝置上支援表
https://www.campaignmonitor.com/css/

chart guide book
http://devdocs.io/d3/

Libraries查詢
http://www.lib4dev.com/topics/html

快捷鍵查詢
https://shortcuts.design/index.html

Html meta check
http://www.heymeta.com/

The Ultimate Guide to CSS (電子郵件檢查)
https://www.campaignmonitor.com/css/

Git Command Explorer
http://gitexplorer.com/
Git 觀念
https://gitbook.tw/