各種瀏覽器對 HTML5 & CSS3 的支援程度列表

http://fmbip.com/litmus/

這個網頁列出了各大瀏覽器版本對 HTML5 & CSS3 各種效果的支援程度列表。會讓大家參考這個列表是因為討論串 ( https://plus.google.com/108081686314293430457/posts/WinffRYusGm ) 有一些 CSS3 模版可以套用,但我卻怎麼試都試不出來。

後來才想到曾看過這個表,而我用的瀏覽器是 Chrome 24 portable (及 Chromium 17 portable),所以才會發生無法顯示該討論串的 CSS3 效果。根據這個列表,Chrome 25 以上對 HTML5 & CSS3 的支援度才會比較好。

我的結論是,如果在自己的部落格使用 HTML5 & CSS3 語法,必須有心理準備:會有一部份的訪客看不到 HTML5 & CSS3 的語法效果。

如果真要用 HTML5 & CSS3 語法的話,可以參考這個列表,採用各個瀏覽器支援程度較高那個部分的語法。
HTML5 & CSS3 Web Design
HTML5 & CSS3 Support, Web Design Tools & Support...

如何允許訪客在 Blogger 留言板中插入圖片及 Youtube 影片?

這個 hack 能夠打破 Blogger 留言板的局限,能夠在留言裡插入圖片或影片。

也許您可以參考這篇文章 (取代 Google Code 外連 js 檔的選擇__Google Drive(取得檔案外連路徑的簡易方法)):http://wayne-fu.blogspot.hk/2013/06/google-drive-host-js.html

將原作者的 js 檔下載,存放到自己的 Google Drive 空間,再將 js 連結置換為自己的,這樣就萬無一失了。
[Blogger] 如何允許訪客在 Blogger 留言板中插入圖片及 Youtube 影片? - 看海的龜
一直以來,Blogger 留言板只允許純文字 (Plain text) 及少數 HTML 標記存在。最近忽發奇想,想試試打破 Blogger 留言板的局限,看看能否在留言裡插入圖片。...

選擇喜歡的圖片當作 Blogger 文章縮圖

+Ida Wu 於討論串 (https://plus.google.com/105888926722181982797/posts/VMGjGttUwgz ) 詢問能否選擇文章中的任一圖片,當作動態檢視範本顯示的文章封面圖。測試之後,如果把想當封面圖的圖片複製到文章最前面,再將圖片用語法隱藏即可。

例如這樣的語法:<img style="display: none;" src="圖片網址"/> 即可達到這樣的效果。

效果範例:http://wayne-fu.blogspot.com/2013/07/blogger-post-select-thumbnail.html
[教學]選擇喜歡的圖片當作 Blogger 文章縮圖(封面圖)
Blogger 抓取文章縮圖時,會選取文章中的第一張圖片。使用簡單的語法,就能讓文章中任何一張圖片,都能成為自訂的文章縮圖。...

後台文章 +1 數暴增

挖~嚇到,剛剛在''發表文章''那邊,發現其中一篇po文,出現被+1了20953次,怎會這樣?
昨天好像還沒看到啊!怎會這樣?
po文裡面明明也沒有+1按鈕啊~
就只有一篇…

怪怪..


Wayne Bot
恭喜! 這是目前看過最多的 +1 數目~

anila T
可是這不正常,不是嗎?很怪

Ken Lo
+Kimmy Tsai 這個情況我遇過 >< (舉手

anila T
+Ken Lo 結果知道原因嗎?

Ken Lo
+Kimmy Tsai 不知阿... 只是會自己將問題恢復。

anila T
+Ken Lo 因為我才剛從天空搬過來,所以那篇(只有那篇)真的有鬼~

怪怪!原來是20954,現在變成20835,google的問題?

Ken Lo
我猜也是 ^^"

無法顯示日期

求助前輩…

首頁的網誌顯示,當滑鼠指在照片上,應該會出現日期,不知道哪裡出問題,好像是抓不到,不知道是否可以幫我看看該如何修改?

非常謝謝哦~

http://anila.blogspot.tw/

<b:if cond='data:top.showAuthor'>
        <span class='author1'>By : <data:post.author/></span>
      </b:if>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div class='jomore'>

<div class='date'>
      <a expr:href='data:post.url' expr:title='&quot;Permalink to &quot; + data:post.title' rel='bookmark'>
      <script type='text/javascript'>
      var timestamp = &quot;<data:post.timestamp/>&quot;;
      if (timestamp != &#39;&#39;) {
      var timesplit = timestamp.split(&quot;,&quot;);
      var date_yyyy = timesplit[2];
      var timesplit = timesplit[1].split(&quot; &quot;);
      var date_dd = timesplit[2];
      var date_mmm = timesplit[1].substring(0, 3);
      }
      </script>
     <span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>
       <p class='bulan'><script type='text/javascript'>document.write(date_mmm);</script></p>
      <p class='tahun'><script type='text/javascript'>document.write(date_yyyy);</script></p></a>
    </div>
<div class='jomorelink'>
<a class='anes' expr:href='data:post.url'>Read More</a></div>


Wayne Fu: 使用非官方的版型, 之前也有幾個例子會抓不到日期, 可參考這個討論串( https://plus.google.com/102511623670565101741/posts/AKVGdAWwLhC ), 可能要看該版型的說明書, 到後台調整日期顯示的格式。

Mark X: 我覺得是這一段沒有指定標準時間的緣故
<a expr:href='data:post.url' expr:title='&quot;Permalink to &quot; + data:post.title' rel='bookmark'>
如果改成
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

我能決定每一篇文章的封面照片是哪一張嗎?


請教大家一個問題,我的blog首頁是套用magazine版面,我能決定每一篇文章的封面照片是哪一張嗎?謝謝⊙ω⊙

http://monkeyida.blogspot.tw


Wayne Fu: 可以啊 封面就是每篇文章的第一張圖

Ida Wu: 除了第一張,不能自選囉?

Wayne Fu: 有解了,請看 https://plus.google.com/108990319112241335296/posts/EkrwU94HhWP

Ida Wu: 哇塞,你好厲害喔,我去試試看,謝謝你ヾ(´∀`)ノ
Ida。Impossible is Nothing
科技人Ida的育兒點滴...

免費線上圖片去背網站

去除圖片背景是很麻煩的一件事,就算是熟悉 photoshop 的操作也是一件苦差事。現在有了這個免費的線上網站,不必使用繪圖軟體,也能輕鬆製作去背圖片了:

http://clippingmagic.com/
Clipping Magic 圖片去背不需 Photoshop 一樣完美的教學 -電腦玩物
感謝 esor 大的介紹,這個網站我用了好一陣子,不過在今天發現下載修好的圖片要收費了QQ,所以來這邊回報一下。...

橫幅 jQuery滑入滑出效果 - 強化網站的重點

分享一個jQuery區域滑動的效果, 相當實用, 裝設也很簡單.
比較困難的部分只有: 要裝甚麼而已. 編寫內容物的HTML可能較花心思.


Wayne Fu
很不錯的應用!比較常看到的是將導覽列滑下來,
把廣告、社群按鈕滑下來顯示的效果很有趣... XD

Mark X
+Wayne Fu 結果我也不知道要放甚麼好?
可能弄個公告欄, 還是熱門文章推薦吧!

Wayne Fu
+Mark X 看到您的效果了,真是出神入化,太厲害了! 改天也要來想个主動推銷的idea~~XD

Mark X
+Wayne Fu 謝謝您的稱讚, 其實我也只會簡單的樣式.
分享到Blogger論壇就是就好的主動推銷方式. :)

Wayne Fu
這樣的效果是簡單的樣式? 對我而言,那些推薦文章的動畫都不知是怎麽弄出來的..>_<

Mark X
+Wayne Fu 利用UI和jQuery easing的模型, 寫一些簡單參數的動作方向.

Wayne Fu
+Mark X 謝謝提點~有機會研究研究 ^^

Mark X
+Wayne Fu 啊! 您提到動畫, 我才想到當時應該用flash作出來更容易, 檔案也更小, 還方便任意縮放.  算了, 都弄了...

Wayne Fu
haha, 還好用的是 jquery, 我還能研究研究,flash 我就沒輒了...XD

Mark X
+Wayne Fu flash做動作比較直觀; 寫程式碼弄錯一個符號就會發瘋, 您也知道我很粗心的, 這種事極可能發生.

Wayne Fu
有道理 ^^
橫幅 jQuery滑入滑出效果 - 強化網站的重點 | Dream Talker
banner橫幅滑入滑出的jQuery效果,加上fadein fadeout淡出效果,將重要訊息推薦給訪客....

抓住使用者目光焦點的設計

每次聽到這樣的話,設計師們就會抓狂:到底為什麼啊?設計得這麼明顯,為什麼用戶看不見??



這篇文章從心裡學的角度,找出使用者目光注意的焦點。

最後的影片滿誇張的,重看以後才發現更換了那麼多東西...
那么明显,为什么用户看不见?-腾讯ISUX – 社交用户体验设计 – Better Experience Through Design
作为用研,我们经常在可用性测试时听到用户说:“啊?我没注意啊!” 一个操作后,页面弹出一个对话框告知用户操作成功,反馈够明显了吧?用户说:“啊?...

讓Blogger簡單的顯示數學公式



讓Blogger簡單的顯示數學公式

http://timshan-timshan.blogspot.com/2013/07/howto-bloggermathjax.html