Category Archives: CSS

YUI 2.4.0

Posted on December 5, 2007 by Gea-Suan Lin

YUI 2.4.0 出版了，非常常用到的 Selector Utility 終於在 2.4.0 補上了：YUI 2.4.0 Released — Selector, Charts, Profiler, Script/CSS Get, and JSON Support。 另外 JSON Utility 也在 2.4.0 補上了，不用再自己拉回來 eval() 了。除了基礎建設的部份外，這個版本還附上改善了 YUI 版的 Rich Text Editor！不過用起來好頓啊…

Posted in Computer, CSS, Murmuring, Network, Software, WWW | 2 Comments

CSS 攻擊法

Posted on August 24, 2007 by Gea-Suan Lin

CSS attacks! 這篇講到的兩個誘導使用者進行不安全操作的方法： CSS overlays：利用 iframe + CSS，只顯示部份的內容，讓使用者去誤擊某些不安全的操作。 Submit buttons：把 submit button 的 border 拿掉，字體改一改，讓他看起來很像普通的 link。 前面那個可以用 js + Referer 解決大部分的問題 (對於有防火牆把 Referer 擋掉，而且沒有 js ability 的用戶，暫時想不到解法…)，後面可以用 Double Cookie 解決。 來找看看 Firefox 有沒有 Plugins 可以加強這些安全上的問題…

Posted in Browser, Computer, CSS, Murmuring, Network, Programming, Security, Software, WWW | 5 Comments

IE Opacity Bug

Posted on July 11, 2007 by Gea-Suan Lin

先看這頁：jquery-animate.html，用 Firefox 以及 IE 各看一次，然後游標試著在兩個段落上移動看看，在 IE 上應該會變成這樣： 找了資料以後確定這是 IE 的 bug，也有解法：MSIE animated fade problems，解法是設定 background 屬性 (不確定設成底圖可不可以，不過確定 “transparent” 不可以)。經過測試發現可以在 Javascript 裡面設定 background，而不用事先在 CSS 裡面設。 對 IE 的 browser detecting 也很簡單：(Ref：Using the navigator object to detect client’s browser) if (navigator.appVersion.indexOf(“MSIE”) != … Continue reading →

Posted in Browser, Computer, CSS, IE, Murmuring, Network, Programming, Software, WWW | 5 Comments

Opera 9.5 將會完整支援 CSS Selector

Posted on June 23, 2007 by Gea-Suan Lin

在 Slashdot 上看到 Opera 打算在 9.5 版 (現在最新版是 9.21) 完整支援 CSS Selector (Slashdot 所下的標題有點誇張)：Opera 9.5 To Fully Support CSS?。 除此之外，Opera 9.5 還會實做某些 CSS3 的規格，並且再改善速度…

Posted in Browser, Computer, CSS, Murmuring, Network, Opera, Software, WWW | 1 Comment

Safari 的 display: table-cell

Posted on June 15, 2007 by Gea-Suan Lin

用 Google 找到的 bug 似乎是講用 Javascript 動態改變 display 時的 bug，不過我遇到的是純 CSS 的 layout 問題… 這頁 丟到 IE6/Firefox2/Opera9/Safari2/Safari3 測試，發現在 Safari 2.0.4 (Mac) 及 3.0.1 (Win) 上都會先出現 #id2 再出現 #id1，但是其他的瀏覽器都是先顯示 #id1 再顯示 #id2。 這是在我的 Windows 上顯示出來的結果，Safari 2.0.4 (Mac) 的結果跟 Safari 3.0.1 (Win) … Continue reading →

Posted in Browser, Computer, CSS, Firefox, IE, Network, Opera, Safari, Software, WWW | 1 Comment

各瀏覽器的速度

Posted on June 13, 2007 by Gea-Suan Lin

Note：這只是在 Javascript 裡跑 CSS Selector 的速度。 剛好看到 SlickSpeed CSS Selector TestSuite 這篇文章，在 Windows 上測了幾個瀏覽器，單位都是 ms (所以數字愈小愈好)，測試的時候都儘量保持不動電腦的情況下跑完： prototype 1.5.1 jQuery 1.1.2dev MooTools 1.2dev ext 1.1b1 cssQuery 2.02 IE 6 1600 3238 1302 839 6511 Firefox 2.0.0.5 pre 176 4289 144 965 … Continue reading →

Posted in Browser, Computer, CSS, Firefox, IE, Murmuring, Network, Opera, OS, Safari, Software, Windows, WWW | 5 Comments

Clearing floats

Posted on May 29, 2007 by Gea-Suan Lin

這篇是在講 Clearing floats。情況是有有個 #container1，包了 #block1 與 #block2： <div id=”container1″> <div id=”block1″>content</div> <div id=”block2″>content</div> </div> <div id=”container2″></div> 其中 #block1 與 #block2 都設有浮動 (float) 屬性： #block1 { float: left; width: 50%; } #block2 { float: left; width: 45%; } 另外 #container2 裡面也許會有其他的浮動屬性，但是你不想將 … Continue reading →

Posted in Browser, Computer, CSS, Murmuring, Network, Software, WWW | Leave a comment

YUI Grids CSS 的問題…

Posted on May 23, 2007 by Gea-Suan Lin

問個 YUI Grids CSS 的問題… 在 IRC 上跟 布丁 都沒有找到答案，所以還是開一篇問一下… 如果我想要用 YUI CSS Grids 做到 1/8 – 1/8 – 1/8 – 1/8 – 1/6 – 1/6 – 1/6 的切割，要怎麼做？(平常應該是用不到這種 case，所以只是問問而已，想知道 YUI CSS Grids 的極限在哪裡) 順便給個失敗的例子：netnews.nctu.edu.tw/~gslin/a.html，這裡面 1-3-1 與 1-3-2 換行了…

Posted in Browser, Computer, CSS, Murmuring, Network, Programming, Software, WWW | 5 Comments

YUI 2.2.2

Posted on April 19, 2007 by Gea-Suan Lin

Yahoo UI Library 2.2.2 釋出：YUI Version 2.2.2: Bug-Fix Release，修正一些 bug，詳細的修正內容可以參考 YUI 2.2.2 — Bug Fix Release 這篇。 主要是修正 Javascript 的部份。

Posted in Computer, CSS, Murmuring, Network, Programming, Software, WWW | Leave a comment

Firefox (trunk)

Posted on December 14, 2006 by Gea-Suan Lin

裝了 trunk 版本的 Firefox，有些東西不相容 (其實也只有 Google Web Accelerator 不相容)，有些地方怪怪的 (像是在編輯的時候游標位置稍微偏掉)，不過大致上還好 :p 當然，既然裝了 trunk 版的，一定要來抓一張 ACID2 跑出來的結果啦： Update：最直接的感覺是記憶體的量減少超多，我開了快三十個 tab (都是一堆文字一堆圖的 RSS 新聞站台，從 Bloglines 點出來的)，結果還吃不到 100MB。

Posted in Browser, Computer, CSS, Firefox, Murmuring, Network, Software, WWW | Leave a comment