---
tags: Trig
---

# 網頁相關資源分享表

## 動畫效果
[animate](https://animate.style/)

## UI

## UX
[优设 UISDC](https://www.uisdc.com/)
[嫁給 RD 的 UI Designer](https://blog.akanelee.me/)

## 框架
[material design](https://material.io/design)
[Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/)
[Bootstrap 5](https://bootstrap5.hexschool.com/)
[Pure CSS](https://purecss.io/)

## 設計靈感

[Codepen](https://codepen.io/)
[awwwards](https://www.awwwards.com/)
[siteinspire](https://www.siteinspire.com/)
[s5-style](https://bm.s5-style.com/)
[onepagelove](https://onepagelove.com/)
[cssdesignawards](https://cssdesignawards.com/)
[collectui](https://collectui.com/)
[Sidebar](https://sidebar.io/)
[freefrontend](https://freefrontend.com)
[cargo](https://cargo.site/Templates)

## 素材庫

[中文假字產生器](https://textgen.cqd.tw/)
[fakeimg](https://fakeimg.pl/)
[unsplash](https://unsplash.com/)

## 教學資源

[W3School](https://www.w3schools.com/)
[freecodecamp](https://www.freecodecamp.org/)
[codecademy](https://www.codecademy.com/)
[feedly](https://feedly.com/)