顯示具有 Css 標籤的文章。 顯示所有文章
顯示具有 Css 標籤的文章。 顯示所有文章

6/06/2010

2010 IE Hack

.color{
background-color: #CC00FF; /*所有瀏覽器都會顯示為紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8會顯示紅色*/
*background-color: #0066FF; /*IE6、IE7會變為藍色*/
_background-color: #009933; /*IE6會變為綠色*/
}

5/01/2010

賈布斯發信嗆Flash 放話不要再「整天纏著Steve Jobs」

Adobe一直希望Flash攻進蘋果App Store不成,雙方多次公開開罵,儘管在21日宣布決定不玩了,但蘋果執行長賈布斯(Steve Jobs)仍然在29日發表公開信回嗆,重新再把反對Flash的理由說一遍,信末還放話,不要再「整天纏著Steve Jobs」。

由於蘋果多年禁止Flash進入iPhone平台,最近還在發表iPhone OS 4.0 SDK測試版中禁止使用Adobe的Flash-to-iPhone編譯器,限制更嚴格,因此Adobe在21日宣布決定不玩了,不再於iPhone與iPad平台上推廣,轉向Google尋求Android平台的密切合作。

不過,Adobe仍說,兩家公司的戰爭尚未結束。因為據估計,目前App Store中已有上百個程式採用Flash CS5開發的應用,蘋果將陸續移除App Store中以CS5打造的內容,開發人員應該要有心理準備。

在沉寂幾天後,賈布斯意外發表一封公開信,他指出,蘋果跟Adobe有很深的關係,蘋果還是Adobe第一個大客戶;蘋果曾經投資過Adobe,也曾一度擁有Adobe 20%股權多年,雙方都有過許多甜蜜時光,但過了那段蜜月期後,雙方就漸行漸遠,目前依然共同服務雙方共有的創意客戶群,Mac用戶大該有一半會買 Adobe的Creative Suite產品,但除此之外,雙方已經殊少交集了。

對於不讓Flash進到iPhones、iPods 與iPad的理由,賈布斯說,Flash產品是100%專屬的,僅能由Adobe提供,雖然Adobe的Flash產品廣為使用,但這不代表是開放的,因為這個技術由Adobe掌控,Flash才是封閉系統;iPhone、iPod與iPad雖然是封閉的,但所有跟Web有關的標準都是公開的。蘋果是捨棄 Flash,但改用HTML5、CSS與JavaScript都是公開標準。

賈布斯說,蘋果採用HTML5此一新標準,可讓Web開發者建立更先進的繪圖、字型、動畫與轉換,完全不需仰賴第三方瀏覽器外掛,不像Flash那樣;HTML5完全開放,由標準委員會控制,蘋果也在其中。蘋果甚至也自創Web的開放標準WebKit,這是一個完整開放原始碼HTML5呈現引擎,是Safari網頁瀏覽器的核心,Google在Android的瀏覽器也有採用,Palm也是,Nokia也有用,RIM(BlackBerry)則已經宣布未來會採用。

賈布斯痛批,Adobe不斷說蘋果行動裝置無法存取完整的Web,因為75%的網路影片都是以Flash製作,但Adobe沒說的是,這些影片同時也都有提供更現代的格式:H.264,可在iPhone、iPod與iPad上觀看。

對於Adobe說蘋果裝置無法玩Flash遊戲,賈布斯則說,這點說得沒錯,但App Store有超過5萬種遊戲程式,其中還有許多都是免費的,事實上,iPhone、iPod與iPad可用的遊戲比其他任何平台都還要來得多。

賈布斯再度強調,蘋果Mac當機的頭號理由都是出在Flash,而且目前所有Flash網站的影片使用較舊版本的解碼器,無法用在行動晶片中,必須用軟體來執行,因此Flash真的很吃電;Flash是PC與滑鼠時代的產物,Flash的確是Adobe的成功之作,可理解為何他們想把Flash延伸至PC之外,但行動時代講究的是低耗電、觸控介面與開放Web標準,Flash在這幾個方面都是不及格的。

2/08/2010

免費架站軟體是什麼東東?

就是能自動把你打入的字、貼上的圖,放上你想放的網頁的軟體。而且可以免費下載、免費安裝、免費使用、免費問問題....一切免費,這就像免費啤酒(free beer)一樣。
唯一的問題是,所有的事就得自己動手了,這就像出生的孩子本身是免費的(free kittens),但所有的苦工(例如懷孕的不適、生產的痛苦)都得自己承受。要不然就得找個代理孕母( hire someone to do it for you)。

7/08/2009

用CSS讓圖片變半透明 (支援IE跟FF)

http://eg-land.com/viewthread.php?tid=3453

6/15/2009

png 在IE6 正常

http://labs.unitinteractive.com/unitpngfix.php

控制A不出現虛線

a{ text-decoration:none; color:#FFF; outline: none!important; hlbr:expression(this.onFocus=this.blur()); }

12/17/2006

XHTML & CSS & W3C 強站推薦

IE与Firefox的CSS兼容大全

CSS布局中最小高度(min-height)的妙用

CSS實務排版技巧、秘訣與技術

無障礙檢測 測試你的網頁是否能通過標準?

css filters (css hacks) HACK參考表格

在 30 天內打造更具親和力的網站 親合力必讀

色彩對比分析程式 1.0 (中文) 參考所用

線上測試網頁在色盲的眼中如何呈現

最小高度100%,页脚保持在底部的布局方法

幸福的子彈 相關部落客

Realazy 相關部落客

無障礙及親和力

無障礙網頁:

1.圖片應設alt="圖片介紹"

2.無義意圖片應設alt="";不做說明.使流覽器忽略.alt意在指引方向,如果圖片內有文字取代標題.則圖片需以h1標籤包圍圖片.強跳此圖為標題 .[body背景圖片不必定義alt屬性]

3.影片加上字幕.

4.盡量勿用色彩方塊代表鏈結.操作說明,步驟勿涉及色彩.若要使用色彩請注意明暗色差夠大[於單色螢幕].詳情可見色彩對比分析程式 1.0 (中文)或者線上測試網頁在色盲的眼中如何呈現
.

5.將css移除看是否仍能閱讀.

6.確認在不支援JS的狀況下仍能鏈結.

7.盡可能避用影像地圖,並加上alt,備用文字鏈結.絕對不要使用伺服器端的影像地圖.

8.不要使用閃爍的元素.

9.設定TEB鍵順序.

_________________________________________

親和力:

1.引用外文時.可在任何元件內加上語系.

2.製作跳過導覽列的鏈結.

3.為你的鏈結內加上title="說明",除非你的鏈結命名夠清楚.

4.設定accesskey 快捷鍵.方便無滑鼠之使用者.

5.使用acronym來說明縮寫字.{首字母縮寫字)

更多內容請參照無障礙網頁規範中的14條及90條相關的檢測要點.

SEO [搜尋最佳化]-網頁部分

1.標題關鍵字[title]重要度>meta關鍵字
2.標題長度和內容相呼應.並且小於40字元.依重要度向後排序
3.網頁很多的話,盡量使用不同的網頁標題
4.用h1強調主題
5.網站結構目錄扁平化.越高級分數越高.
6.將CSS和JS自網頁分離
7.不要在首頁[跳轉頁]用純粹用flash或圖片進入主站.
8.製作網站地圖,單頁面中不要超過100個鏈接.
9.經常使用死鏈,壞鏈檢查工具.
10.PDF,WORD,PS的分數高於一般網頁.