今天發現一個很有趣的CSS框架
網站：NES.css
連結：https://github.com/BcRikko/NES.css
下次可以裝來玩玩看～
2018年12月18日 星期二
2018年11月19日 星期一
免費二級網域NCTU.me
===更新 該項服務已經停止校外人士申請===
但今天發現免費網域又有新選擇了
名稱：NCTU Domain
官網：https://nctu.me/
註冊帳號：https://nctu.me/s/accounts/signup/?next=%2Fs%2Fdomains%2F
官方FB粉絲專頁：https://www.facebook.com/nctu.me.domain/
這是交通大學提供的免費服務
雖然....免費的.....存在相當多的風險....
(爬文發現NCTU其實曾經被玩掛過一次....XD)
但是，反正也都是實驗性質的東西
無所謂～
而且在被玩掛過一次之後已經改為聯合實名認證(交通大學教職學員除外)
想必是更能有效管理被濫用的情況....
優點：
- 免費
- 中文介面
- 提供 A 、 CNAME 、 MX 、 TXT 紀錄
- 速度快(約30秒)
缺點：
- 不支援NS
- 一個帳戶只能新增3個子網域
場外插花：ilv.tw？
2018年11月15日 星期四
在Blogger使用Google Code Prettify來顯示程式碼
在先前的日誌裡面『如何在Blogger插入程式碼？』
我介紹了SyntaxHighlighter來做為Blogger的程式碼顯示工具
雖然SyntaxHighlighter功能看似蠻齊全的
但據了解，在升級為v3之後竟然喪失了自動換行這項功能....
而且不知為何？在我將Blogger變更為HTTPS協定之後
SyntaxHighlighter在Chrome瀏覽器裡幾乎不會發揮作用.....
經過一番嘗試後我決定放棄
改覓其他的手段
最後....我決定使用Google本家的Google Code Prettify來做為程式碼的顯示工具
Google Code Prettify本身相當輕量化
安裝與設定也相當簡單
預設主題只有5種
可識別的程式碼格式相對較少，約20種
載入速度是在我能接受的範圍
這個項目目前在Github上持續維護中(有嗎？)
以下我簡單介紹一下，並筆記一些設定方式：
2018年11月8日 星期四
在Blogger安裝Google Tag Manager發生的錯誤及解決辦法
想來玩玩Google Tag Manager
但是安裝在Blogger的時候一直出現『XML error: The reference to entity "l" must end with the ';' delimiter.』的錯誤！
所幸找到解決辦法
決定還是紀錄一下～
感謝通達人驛站的翻譯稿
原文連結：http://www.prudentman.idv.tw/2014/12/resolve-google-tag-manager-xml-error.html
但是安裝在Blogger的時候一直出現『XML error: The reference to entity "l" must end with the ';' delimiter.』的錯誤！
所幸找到解決辦法
決定還是紀錄一下～
感謝通達人驛站的翻譯稿
原文連結：http://www.prudentman.idv.tw/2014/12/resolve-google-tag-manager-xml-error.html
Bootstrap教學－NavBar導覽列選單在手機版下，選單由側邊開啟
一直以來都覺得Bootstrap的導覽列 (Navbar)只有一種響應模式很可惜
而且我更喜歡的是從側邊滑出的方式呈現(Bootstrap4據說已經內建了側邊滑出的方式..但我沒找到=_=")
於是找了網路上的一些教學
梅問題教學網的這個方法應該是改動最少的方式
而且保留了在PC上原本的模式
個人最滿意這個版本
特別紀錄一下～
而且我更喜歡的是從側邊滑出的方式呈現(Bootstrap4據說已經內建了側邊滑出的方式..但我沒找到=_=")
於是找了網路上的一些教學
梅問題教學網的這個方法應該是改動最少的方式
而且保留了在PC上原本的模式
個人最滿意這個版本
特別紀錄一下～
2018年5月10日 星期四
響應式電子郵件設計指南
本文轉載自思齊軟件
連結：http://rspread.hk/guides/responsive-email-design-guide.aspx
本文根據 Jack Osborne 的《Responsive Email Design》所譯
自從 Ethan Marcotte 在 2010 年 5 月 25 日發佈的《A List Apart》文章開始，響應式網頁設計(RWD)討論的熱度並沒有減少，但在相同的時間內我們構建電子郵件的方式並沒有太多的改變。值得慶幸的是，在過去的一年，人們開始使用 RWD 和運用類似的方法來設計電子郵件。 在我們開始之前，我想向大家介紹 Anna Yeaman 在最近一次演講中介紹的一些資料，我們知道：
2012年上半年，近 41% 的電子郵件在手機上閱讀
僅有 2% 的人會在另一個設備上打開電子郵件
電子郵件不能在小螢幕上優化，其轉化率要低 28%
如果不能在小螢幕上閱讀您的電子郵件，將近有三分之一的使用者會退訂您的資訊
最基本的
在我們的職業生涯中，如果我們親手做過幾個響應式的 HTML 電子郵件，以及分享出來，這樣其他人解決一個相同的任務會有一個更好的起點。我不喜歡說這是所有的答案，我並不想說你要讀懂什麼是最好的方法，但希望這些方法可以幫助你解決問題或者說是一些最基礎的東西。
連結：http://rspread.hk/guides/responsive-email-design-guide.aspx
本文根據 Jack Osborne 的《Responsive Email Design》所譯
自從 Ethan Marcotte 在 2010 年 5 月 25 日發佈的《A List Apart》文章開始，響應式網頁設計(RWD)討論的熱度並沒有減少，但在相同的時間內我們構建電子郵件的方式並沒有太多的改變。值得慶幸的是，在過去的一年，人們開始使用 RWD 和運用類似的方法來設計電子郵件。 在我們開始之前，我想向大家介紹 Anna Yeaman 在最近一次演講中介紹的一些資料，我們知道：
2012年上半年，近 41% 的電子郵件在手機上閱讀
僅有 2% 的人會在另一個設備上打開電子郵件
電子郵件不能在小螢幕上優化，其轉化率要低 28%
如果不能在小螢幕上閱讀您的電子郵件，將近有三分之一的使用者會退訂您的資訊
最基本的
在我們的職業生涯中，如果我們親手做過幾個響應式的 HTML 電子郵件，以及分享出來，這樣其他人解決一個相同的任務會有一個更好的起點。我不喜歡說這是所有的答案，我並不想說你要讀懂什麼是最好的方法，但希望這些方法可以幫助你解決問題或者說是一些最基礎的東西。
訂閱：
文章 (Atom)