文章

顯示包含「CSS」標籤的文章

[瀬戸のテーマ] 「K-ON!Theme on PLURK」完成了!! × 分享至上!!

圖片
「K-ON!Theme on PLURK」完成了!! 首先不知 PLURK 是甚麼的話,請先看 這編 。 而不知到 K-ON!是甚麼的話不打緊,只是用了這動漫作品來做主題背景而已。 在提過 Plurk 的那編文中,也看過一次這主題的雛型,也知道在 Chrome 上很好,而在 IE 上就有想死的感覺。 而這幾天,在小弟的努力努力努力地修正之下,除了很多細部的地方也優化了之外,也已經在 Google Chrome、Mozilla Firefox、Apple Safari、以及 Microsoft IE 8 上進行了所有測試,除了 IE 8 這件先天缺憾的急就章不良品之外,其他的也表現完美!! 由左起的截圖是來自:Chrome、Mozilla FX、Safari、IE 8  on  Windows 7 原圖比較大,各 1M。(背景是重新製作的,用了三十分鐘,超高質的 PNG!!) 在比較結果前,回顧一下預設的 CSS 是如何吧!《 這裡 》小弟加了一條有回應的噗文,按一下可以看回應。 而現在可以到小弟的 Plurk 看一下。《 這裡 》就好像不是同一個網站般,各處也有不少效果修改過,花了很多時間測試。 這就是 CSS 的力量了!!!! 回來正文。 在比較過原圖後就會發現,表現最漂亮的是 Safari 和 Mozilla FX,最差是 IE 8,文字和圖像也是,而 Chrome 則非常接近 Safari 和 Mozilla。 CSS 上所有格式,在 IE 上的效果不是消失、就是表現很差。 在這個極多網站運用 CSS 來設計網站的年代,IE 活了這麼多年也是如此,論進步的速度跟 Windows 差天共地了,至少 Vista 和 7 的介面和表現也很理想。 讀取速度上,最快的是 Chrome,而 Mozilla FX 也不煌多讓,Safari 再慢一點(可能不是 MAC 的關係),IE 8 只能令小弟遠觀輕嘆而已。 在 Plurk 以外的安全性來說,應該是 Chrome 最少後門,而 IE 當然不用說了,另外兩家沒有使用太多的經驗,所以不談。 在網站上的編譯有出錯時,就會對使用者有不同的影響,而 CSS 的錯誤則影響了外觀,這時候就看瀏覽器的實力了。 IE 8 非常強大,列出來讓你看那些程式編碼/.js 錯誤,相信...

[瀬戸の手記] 今こそ、CSSの時代だ!(超大誤!) × Chromeの時代だ!(沒有誤!)

圖片
就是現在,CSS的時代來了!!! 其實只是昨晚至零晨四時左右和今早至現在(下午二時),一直在弄 小弟的 Plurk 。 Plurk 是其中一個知名的 mini blog,中文以音譯作「噗浪」,而這個字的意思可參考 這裡 。 噗浪跟 Twitter 很相似,Twitter 有的功能噗浪也有,而且更多,樂趣更多。 噗浪最出名及最吸引人的地方,就是那條稱為「河道」的流水式時間軸,令單調的外觀變得更酷。 說到外觀,就不得不提「CSS」。 大量網站也使用CSS來設定網頁的格式和外觀,而噗浪亦不例外。 噗浪中大部份的CSS採公開制,用家可以自行更改。 在沒有更改過CSS前的外觀,可以在 這裡 看一下,差別相當之大! 除了背景之外,很多很多的地方也不同,整個風格變得也不同。 其實在去年(2009)12月加入時,已改了很小很小的地方,而這個月因粉絲多少(很突然!),興致勃勃地又改起來了。 這次改得非常徹底,除了背景外,整個版面也變得完全不一樣! 最花時間的是河道,噗文的格式、顏色等等也花了不少時間去試探,也參考了不少公開和非公開的作品。 例如左圖。 噗文以虛線圍著,底色也是半透明。 當展開又虛線會消失,透明度也會降底。 當噗文有新回應時, 回應數會變大和以酒紅色粗圈顯示。 還有不少地方修過,例如上圖那個「說」和「分享」的格式已經不同了。 還有滑鼠游標改成左邊那個,右邊那個是其中一個粉絲用的游標。 可惜 Twitter 集中於台灣使用者居多,雖然開始多了不少其他東南亞地方人士使用,但始終比不過 Twitter,始終頭湯是不同的! 這個「少女風」的主題完成後,會分享出來。 由於沒有分享過,所以不知會分享到那裡 Chrome的時代來了!!!   Chrome 是 Google 的作品之一,這裡說的不是那個不知何時面世的OS,而是 Chrome 瀏覽器。 在說這個 Chrome 有多那個之前,先看以下的比較圖…… 左圖是在 Chrome 上所看到的 小弟的 Plurk ,而右圖則是在 IE 8 上所看到的 小弟的 Plurk 。 分別可大了!所有圓角、部份式樣不見了!連外觀也受到不少打擊!!(哭~~) 而最大的差異點就是速度!Chrome 真的太神了!IE 8 也慢得太神了!! 小弟轉用 C...