Browse by Tags

CSS配置偵錯利器–Firefox Page Inspector 3D檢視
對CSS幼幼班學生(敝人在下小弟我)而言,"為什麼這團CSS設定會產生這樣的效果"常常是個謎,尤其在處理大小、位置議題,面對層層相套的容器,外加不同margin與padding,混搭height、inline-hight跟font-size相輝映,最後還得考量CSS繼承闗係,結果往往叫人目炫神迷不知所以。 基本上IE的Dev Tools及Chrome的開發者工具都能剖析各元素的CSS設定、繼承套用計算,但Firefox的 Page Inspector 有個神奇的3D檢視功能,解構容器階層關係時尤其火力強大...
Posted 05 May 2013 10:06 AMJeffrey | with no comments 11,114
Filed under: ,
TOOLS-Implement Operation Mask With Javascript
設計網頁時,有時需要從Client-Side禁止使用者點選、編輯某些網頁元素(如TextBox、Select、Radio、Checkbox...)。偏偏設成唯讀的做法Input, TextArea, Select不盡相同,還要小心設定disabled屬性會影響值是否傳回Server-Side,過去我還特別寫了很複雜的JS萬用函數負責將各元件設成唯讀。 AJAX開始流行起來之後,我注意到其中一項有意思的特效--Modal Dialog。當使用者叫出某個檔案上傳或選取器對話框時,為了要求使用者完成選項才將焦點交回原網頁...
Posted 23 September 2007 02:08 AMJeffrey | 2 comment(s) 13,328
Filed under: , ,
【茶包射手專欄】IE Developer Toolbar破案奇錄
接獲通報,Sharepoint Portal的首頁,原本在IE6上看是藍底白字的MenuBar,在IE7上看到的是白底白字。 這回破案的主角不是茶包一哥Process Monitor了,而是 IE Developer Toolbar !! 利用Find/Find By Click的功能找到MenuBar的DOM處,再用下圖的好功能一舉追出它的CSS套用狀況。 在IE7中看到以下的異象: -: #75A3DF... 這是啥? (咳! 不准想歪) 跟IE6比對的結果,應該是BACKGROUD-COLOR...
Posted 17 August 2007 10:17 AMJeffrey | with no comments 8,042
Filed under: , , ,

搜尋

Go

<August 2018>
SunMonTueWedThuFriSat
2930311234
567891011
12131415161718
19202122232425
2627282930311
2345678
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication