[技術] WebP


WebP圖片是個檔案較小的格式，
目前WebP支援程式已達80%，但IE和Safari不支援，故在專案使用上，還是需依專案需求考量，在查WebP資料時，有看到一篇很實用的文章(在此記錄一下)，在參考資料中有提出使用WebP的相關方法：

1.將圖片轉換為WebP格式的方法
2.在html使用WebP圖片的方法
3.在css使用WebP圖片的方法

參考資料：
使用 WebP 格式減少圖片載入時間
https://medium.com/@mingjunlu/image-optimization-using-webp-72d5641213c9

這個網誌中的熱門文章

[體驗] 婚後孕前健康檢查-雙和醫院

新北政府補助婚後孕前健康檢查，夫妻準備進入人生另一階段前，可以免費去檢查一些基本項目 以下分享這個檢查的相關資訊： 1.補助對象：夫妻任一方為新北市民，補助1次已結婚尚未懷第一胎之夫妻雙方檢查費用 詳細資訊可查： https://www.health.ntpc.gov.tw/content/?parent_id=10587 2.確認要去檢查的醫院或診所(有些診所無精液檢查項目，建議選定檢查的院所後，先撥打電話詢問相關事宜) 我選定離住家較近的雙和醫院，所以先致電醫院詢問：要做新北政府補助的婚後孕前健康檢查要如何預約? 詢問醫院人員得到的回覆為：夫妻一起掛號家醫科即可。 所以我們直接網路掛號，夫妻一起網路掛號家醫科同一時間同一醫師(2個人都要掛號喔) 3.檢查當天相關事宜： 項次 項目 說明 1 攜帶 戶口名簿影本(夫妻若都為新北市民，只要其中有一個人帶即可)、雙方身份證(批價時會看)、雙方健保卡 2 醫院掛號 因為我們已經網路掛號了，所以到診間門口插入健保卡報到即可，若為初診會報到不成功，要先去1樓填初診單。 (因為我們其中有一個人是初診，所以要去醫院1樓大廳志工服務台填寫初診單，再去1樓批價處11或12櫃台排隊初診單建檔，建檔完畢初診的那個人再去診間門口插入健保卡報到) 3 候診 報到完畢後，若有看到該診間護理師出來，可先和護理師表明是來看 新北市政府補助的婚後孕前健康檢查，護理師會先拿婚後孕前健康單 給檢驗人填寫 (夫妻各填一張，會問家族病史，女生初經/經期相關資訊，因為要填寫血壓/身高/體重，需要到附近的儀器插健保卡量測，所以建議1人去量，1人先在診間外等，避免到號不知道) 4 看診 填寫完單子，等叫號進入診間，夫妻2個人同時進入，醫師會分別詢問狀況，確認後開立驗血/驗尿/驗精液(男生才有)檢驗單。 (之前看其他前輩分享也有做子宮頸抹片檢查，但我們的醫生沒有說要做，我們也忘了詢問，不確定是否考量女生經期剛過，所以不適合做抹片檢查) 5 批價 護理師會給相關單據告知要先批價 (本次費用全由政府補助，所以要到 1樓大廳抽號人工櫃台批價 ，繳交一開始填寫的婚後孕前健康單就免繳費)， 但下次回診聽報告時就需要正常掛號費+診療費，1人約300多(醫生問診時會也告知)，...
閱讀完整內容

[工具] notepad++垂直選取

圖片
使用notepad++垂直選取方法 方法一：按住 alt 不放，用 滑鼠 選取 方法二：按住 shift與alt 不放，用 鍵盤 上下鍵選取 欲將下圖"並"字前方全都加上逗號，游標先移到並字前方 按住alt不放，用滑鼠選取 或 按住shift與alt不放，用鍵盤上下鍵選取 下圖為選取後，加上逗號的完成圖
閱讀完整內容

[技術] 無障礙網頁

EV1010100 圖片需要加上有意義、可代替圖片在文件脈絡中的功能及內容的替代文字 alt屬性請"勿為空值"或重複相同文字 或使用與圖片內容無關的說明文字         <img src="logo.jpg" alt="網站logo"> EV1030104 適當使用巢狀標頭呈現文件結構 每個網頁內H1標籤只能使用一個 首頁通常用於網站(機關)名稱或標誌圖片上，做為標識和描述網站使用，其他頁面的主要單元標題也可使用H1巢狀標題排序製作，其餘各標題大項請依H2~H6巢狀標題排序製作，全網站相同問題一併修正。 使用H2~H6時，中間不可跳號 EV1100200 在會產生脈絡變更的表單控制元件變更生效前，先描述會發生什麼事 開啟新視窗前，應先告知使用者「另開新視窗」，各項連結開啟新視窗並未提示使用者，建議直接於超連結上 加註「另開新視窗」             <li>             <a href="https://www.google.com/"                   target="_blank" title="google網站(另開新視窗)">google</a></li> EV1100202 提供下載檔案格式不可為需依賴特定文書商用軟體即能開啟之檔案 各項檔案的下載或開啟，請將「檔案名稱」與「副檔名」(pdf、doc或其他格式)資訊，標示於超連結文字或替代文字內，讓游標移到該檔案連結時，即可預先知道檔案資訊。           僅改超連結title即可，標示文件與另開新視窗          <a href="https://www.test.com/test.pdf" target="_blank"        ...
閱讀完整內容