# 大專 extra note
###### tags: `大專`

## note
### todo-list

#### by person
+ to do:
+ 履歷、自傳(500~600)-cakeresume 2/8
不公開存PDF/過完年後交
+ 簡歷(專長)
+ 手機板
+ done
+ 結帳頁面
+ 下定頁面
+ 切角的圖要怎麼做 @T 直接刻list縮圖
+ 背景製作 調整figma 並輸出
+ 首頁p2 @T
+ 路由表/網址對照表 @T

#### As group
+ Figma:
+ nav bar 3個 Footer @pei
+ 首頁p2 @T
+ 標準字製作 @岳
+ 背景製作 調整figma 並輸出
+ 首頁p1 @岳
+ 切角的圖要怎麼做 @T
+ 手機板 @pei @T
+ 刻首頁 ???
+ 數字格式 NT$
+ 有三角形的標題字顏色要改深綠
+ figma結帳頁@T

+ TBD:
2/6 20:00

+ 檔案命名原則(for 圖片之類的
html js pic svg @pei
+ 資料夾架構+ @岳
+ coding style（react app 名稱/ 安裝格式套件/ @謝
+ npm no yarn
+ 建資料庫-資料收集(商品/營地/)/資料收集原則(例如商品要哪種)/ @資料庫team
+ tailwind
+ react router dom version-6
+ 密碼套件 argon2 bycrypt @謝
+ 密碼用session
+ 有沒有要佈署 @菜
+ 錯誤訊息一致 @evans
stock-fe/src/utiles/error.js
+ 聊天室?
+ 整合 2/18

+ Get Credit For Your Work

+ No unaccomplished work at presentation

## Art
### javascript圖片效果
+ frame-by-frame moving image on scroll effect https://levelup.gitconnected.com/how-to-create-frame-by-frame-moving-image-on-scroll-effect-30ce577c63c2
+ Smooth Scrolling Image Effects: https://tympanus.net/codrops/2019/07/23/smooth-scrolling-image-effects/
+ Moving image" on scroll effect https://codepen.io/josephwong2004/pen/wvKPGEO
+ scrolling parallax effect:
+ https://www.webmart.tw/blog/12-parallax-scrolling-tutorials/
+ https://medium.com/starbugs/%E7%94%A8%E7%B0%A1%E5%96%AE%E7%9A%84-css-%E5%92%8C-javascript-%E8%BC%95%E9%AC%86%E8%A3%BD%E9%80%A0%E8%A6%96%E5%B7%AE%E6%BB%BE%E5%8B%95-parallax-scrolling-4e22af7c1c0

### react parallax scroll
+ https://anobjectisa.com/?p=355
+ 左右: https://openbase.com/js/react-parallax-mousemove
+ https://jscottsmith.github.io/react-scroll-parallax-examples/examples/parallax-example/
+ https://reactscript.com/parallax-scroll-images-backgrounds/
+ https://onaircode.com/awesome-react-parallax-scroll-effects/
## Coding
### Antd
#### tutorial
+ https://www.796t.com/article.php?id=289304
+ https://ant.design/docs/react/use-with-create-react-app-cn
#### 自訂義

### Bootstrap 自訂義
#### tutorial
+ https://github.com/gonsakon/Learn-Sass-in-90-days/blob/master/docs/Sass/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Sass%E4%BE%86%E7%AE%A1%E7%90%86%E4%BD%A0%E7%9A%84Bootstrap.markdown

### Tailwind
#### tutorial
+ https://ithelp.ithome.com.tw/articles/10263142
+ https://stackoverflow.com/questions/68924385/how-to-use-antdesign-with-tailwindcss-together-in-a-react-project?noredirect=1