# 2025/06/12 切切切會議
###### tags: `切切切會議記錄`

會議時間：2025/06/12(四) 下午1:30
會議地點：台北 2123C 會議室、新竹（R3116會議室）
會議主持人：吳玟諭
會議記錄：Lize
與會人員：琬樺、恬恬、雅瓊、淑雅、Lize、麥莉、思晨、祺學

## 1） View Transition API / Page Visibility API
> 主講人：祺學
> 簡報連結 [🌐](https://hackmd.io/@4IWFzhHcR6Sxo0PbcTcjzQ/rkIkVubZgl)

#### <font style='color: blue;'>1-1、View Transition API（跳轉畫面）</font>
* SPA：頁面沒有跳轉切換
* MPA：傳統的網頁開發模式，每個畫面就是一個 HTML
* ::view-transition-group(想針對的元件，root、footer...等)
* fire fox 不支援，但也僅止於無動態而已
#### <font style='color: blue;'>1-2、Page Visibility API</font>
* 偵測主要頁面是否可見

## 2） animation-timeline
> 主講人：Veela
> 簡報連結 [🌐](https://hackmd.io/@zyMaHiD6Rf6jIg67ijLJbQ/S1vpODEZex)

#### <font style='color: blue;'>2-1、animation-timeline css 屬性</font>
* css 綁定滾輪動態
* 寫在name之後，不可寫在name之前

#### <font style='color: blue;'>2-2、animation-timeline:view()</font>
* 追蹤一個元素出現在滾動容器內的顯示比例

## 3 GitHub Copilot在VS Code的輔助應用
> 主講人：Shuya
> 簡報連結 [🌐](https://hackmd.io/@shuya/ryvLRmVzgg)
#### <font style='color: blue;'>Copilot 是 Visual Studio Code 中的 AI 配對程式設計師工具</font>
#### <font style='color: blue;'>windsurf</font>

## 4 slick 輪播套件的無障礙修改
> 主講人：雅瓊
> 簡報連結 [🌐](https://hackmd.io/ydv6MD0UT-GxDPlUAOMGhA)
<!-- #### <font style='color: blue;'>4-1、</font> -->
* slick auto play 須有暫停按鈕，dots 不可被focus
* copilot is good.
* appendArrows: $('.容器')

## 5 用repeating-linear-gradient和radial-gradient畫虛線
> 主講人：Miley
> 簡報連結 [🌐](https://hackmd.io/@mileyho/S1L6-nUmxl)

#### <font style='color: blue;'>repeating-linear-gradient</font>
#### <font style='color: blue;'>radial-gradient</font>

---
## 工作遇到的問題
1.建議header裡將 h1、navigation、webSearch 外多包一層div，方便處理menu底色滿版時。
例如：https://hywebu00.github.io/2024_T00_sinicafrsFront/mp.htm

> 切切切相關資料庫

>* Hyui5.0 問題討論
https://hackmd.io/0OeeWrx2RqGYU2QyYOu9zA
>* 無障礙清單資料庫
https://hackmd.io/EYTRQlziQbSzF7RSQp27rQ?view
>* 疑難排解資料庫
https://hackmd.io/eW9e6toeR5C4h-sr0DTO3A?view
>* css分享資料庫
https://hackmd.io/vUncOWqzQWas_IOKs6CpFg?both
>* Hyui flex修改討論
https://hackmd.io/nttxSvu8SM2TqWWirSLcmQ

---
## 臨時動議

---
## 專案分享
[**專案連結 🌐**](https://docs.google.com/spreadsheets/d/1t_fthnYUL4EWfBYsXrt6fbE3b4cDA8Fmx1aJZ6RN-lc/edit#gid=565687535)