---
# System prepended metadata

title: 大專 extra note
tags: [大專]

---

# 大專 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