[CSS] 2019.07.25 發現CSS會有衝突, 記錄一下

不同開發者CSS衝突問題

在更新[Online Tools Practice][已測試OK] 2019.07.18 刪除重複行/去除重複資料這個頁面時，為了使用metroui中的checkbox Style卻發生CSS會衝突到的現象，如下圖所示。

引用https://cdn.metroui.org.ua/v4/css/metro-all.min.css

不曉得如何解決，只好將checkbox部分的css code單獨拉出來，才不會讓button的樣式被衝突到，如下圖所示。

閱讀更多 »

[CSS] 2019.06.13 網頁中英文字型最佳化

修正原設定的字型排列順序

原本設定的排列順序如下

英文字型 → Windows 字型 → Linux 字型 → Mac 字型 → 通用字型。

Calibri, "微軟正黑體", "Microsoft JhengHei", "文泉驛正黑", "WenQuanYi Zen Hei", "冬青黑體", "Hiragino Sans GB", sans-serif。

參考了網頁中英文字型最佳化 | 網頁設計做了微幅的修改

更新設定的排列順序如下

英文字型 → Linux 字型 → Mac 字型 → Windows 字型 → 通用字型。

(Variable definitions) Calibri, 文泉驛正黑, WenQuanYi Zen Hei, 冬青黑體, Hiragino Sans GB, 微軟正黑體, Microsoft JhengHei, sans-serif。

(其他地方) Calibri, "文泉驛正黑", WenQuanYi Zen Hei, "冬青黑體", Hiragino Sans GB, "微軟正黑體", Microsoft JhengHei, sans-serif。

閱讀更多 »

[CSS] 2019.02.27 Implement tw.voicetube.com audio button

一直想讓自己分享的英文可以像voicetube.com一樣可以在網頁點擊按鈕就放出聲音

雖然試著用他的source code直接貼上使用，但始終無法成形。

從開始真的寫Blog之後就一直在找google blogger可以使用的方法，

終於在stack overflow找到解法 -- HTML 5: audio controls without progress bar?

只要肯一直努力找，上天終會不負苦心人阿。

See the Pen Custom Audio Button by bert (@bertchien) on CodePen.

閱讀更多 »