<![CDATA[wowbox blog (網頁設計知識庫)]]> http://www.wowbox.com.tw/blog/ PJBlog2 2009-06-30T04:13:32+08:00 <![CDATA[麥可傑克森之變臉秀]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-30T04:13:32+08:00 2009-06-30T04:13:32+08:00 麥可傑克森之變臉秀

麥克傑克森的整型變臉歷程…
一路整來，始終…慘兮兮…
愛美的朋友…三思而後行…別再整了啦…

▼從可愛的黑人小孩整到目前令人作嘔的白色妖怪…
真是花錢受苦又失敗…活該 ! 活該 !


▼1970年---12歲


▼1973年---15歲

▼1979年---21歲
…看得出來鼻子已經有動過手術了 !

▼1983年---25歲
…這時的麥克如日中天

▼1985年---27歲
…開始了身體從頭到腳的大修理…最明顯的就是漂白囉…

▼1988年---30歲
…他曾接受過10次整容手術-下巴也整成白人特別的雙下顎

▼1990年---32歲
…包括6次鼻子1次下顎

▼1991年---33歲
…2次嘴唇和1次面頰

▼1997年---38歲
…在面部上大做手腳同時進行注射和移植手術

▼2002年---
面對觀眾的部位統統被「宰割」了數遍


▼現在的麥克傑克森


▼老年時的麥克可能是長這樣子…


▼以後還會有類似的產品來虧他吧…

]]> http://www.wowbox.com.tw/blog/default.asp?id=3351 <![CDATA[Flash動畫 (向前走)...蠻感人的..推薦！一起加油喔！]]> hanher http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-28T01:30:08+08:00 2009-06-28T01:30:08+08:00
Flash動畫 (向前走)...蠻感人的..推薦！一起加油喔！

Flash動畫
在線播放

]]> http://www.wowbox.com.tw/blog/default.asp?id=3350 <![CDATA[網頁設計資訊]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-27T15:19:30+08:00 2009-06-27T15:19:30+08:00

http://www.smashingmagazine.com/]]> http://www.wowbox.com.tw/blog/default.asp?id=3349 <![CDATA[Shadowbox 更好用的相本程式]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-25T03:58:04+08:00 2009-06-25T03:58:04+08:00

比 Light Box 2 還強悍的相簿
同時支援 圖檔 Flv. Quick Time. Wmv. Avi. Mpeg 4 網頁

功能真的多多：

Images
Single Image (Flickr)
Image Gallery (slideshow)
Thumb Gallery
Large Image
Image Map
Flash
Movies
Web
Miscellaneous
官方網站在這裡...
]]> http://www.wowbox.com.tw/blog/default.asp?id=3348 <![CDATA[Web開發的改良]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-25T01:28:10+08:00 2009-06-25T01:28:10+08:00
最近網上再度興起了CSS佈局和Table 佈局的爭論。我最初頗有些不以為然：我原以為CSS 佈局的意義早已深入人心，卻沒想到還有這麼多設計師及開發人員持有異議。

靜下心來看罷大家的討論，一番細想，覺得原因可能有兩個方面：

一方面，IE6陰魂不散，讓Web開發成本居高不下。網上曾經有一個統計，數據顯示Web開發人員針對IE6的投入/產出比是最低的。相信大多數前端工程師都有被IE6折磨得咬牙切齒的經歷。與其那般痛苦的用CSS佈局，還不如用table 來的爽快方便。

另一方面，我發現前端工程師們越來越務實和注重效率。CSS2以及CSS3的諸多新特性遲遲未能廣泛普及，而Web標準布道者們所津津樂道的CSS的優點，在照進現實時又經常會遭遇妥協。儘管我一直以Web標準布道為己任，但也不得不同意：table的瀏覽器兼容性是最好的；table 佈局對於設計師來說更容易上手。 就國內環境而言， table切圖依舊是製作門戶網站專題或者電子商務網站促銷頁面的最常用方式，存在即有它的合理性。

所以，我們在推崇CSS佈局的同時，無需為了證明它的優越性而把table本身貶得一文不值。日常開發中，也無需激進得完全拋棄table。table本身有語義，該顯示數據表格的時候就應該使用<table>；在開發過程中，一些需要權衡成本的場合用table+css的佈局也未嘗不可。在這方面，很欣賞google 和 facebook 前端工程師們的務實做法。大家可以去關注下facebook 上常見的帶半透明陰影的彈出對話框，就是使用<table>來製作的，同樣非常的精妙。

這一番的爭論，結合近年來Web標準的發展，讓我開始思考Web開發中改良和改革的區別。

XHTML 2試圖直接進化到XML，宣佈與HTML的決裂。這曾經讓我這個傳統的HTML開發者感到恐慌。而當我看到WHATWG組織提出HTML5(最終被W3C認可)的時候，它的溫良的改進讓我感覺親切得多，事實也證明，HTML5正越來越向我們走進。而Douglas Crockford甚至覺得HTML5都太猛烈了，提出了HTML 4.2的改良方案。

再看JavaScript， ECMAScript 4 將JavaScript 改得天翻地覆，所幸技術委員會在最終階段回歸理智，重新提出的向下兼容的ESMAScript 3.1 顯然得到更多真正戰鬥在一線的開發人員的認可。

改良，而非血淋淋的改革，也許才是推動技術發展的更實際、更合情合理的方式。Web標準的演進是如此，產品或項目的升級是如此，甚至社會制度的建設亦如此。]]> http://www.wowbox.com.tw/blog/default.asp?id=3347 <![CDATA[微軟正式推出免費殺毒軟件測試版下載]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-25T01:18:17+08:00 2009-06-25T01:18:17+08:00
據國外媒體報道，微軟免費殺毒軟件及防惡意軟件產品Windows Security Essentials已於昨晚正式發佈，但微軟對該產品的下載量做了限制。

用戶目前已可以訪問http://www.microsoft.com/security_essentials/下載該安全套件的32位及64位版本，目前只有英文版本，且只提供給美國、以色列地區的英文操作系統、中國簡體中文操作系統以及巴西葡萄牙語操作系統。微軟計劃在6月23日推出巴西葡萄牙語版本，並將在今年晚些時候發佈簡體中文版。微軟發言人當地時間週一表示，微軟將Windows Security Essentials的下載量限制為最高7.5萬次。


微軟免費殺毒軟件安裝截圖（騰訊科技配圖）

微軟將Windows Security Essentials定位為一款基本的反病毒和反間諜產品，並表示該產品消耗的內存和硬盤空間均低於賽門鐵克和McAfee等商業化的安全軟件套裝，因此即使是配置較低的PC和上網本也可以使用該產品。

微軟反惡意軟件小組總經理阿蘭-派克（Alan Packer）說：「上網本是Windows Security Essentials的重點之一。我們已經在上網本上進行了測試，1GB的內存絕對充裕。」不過，他也承認，在處理器速度較慢且RAM有限的機器中，這款軟件將影響系統性能，尤其是當用戶同時運行多個應用時。派克說：「我不想過分誇大我們的產品。Windows Security Essentials肯定會影響上網本的性能，儘管我們試圖將這種影響降到最低，但你還是可以注意到這種影響。」

消費者並非唯一對Windows Security Essentials迫不及待的群體，反病毒廠商也希望早些得到該產品並將其與自己的產品進行對比。

微軟聽到大家的聲音了！
這樣大家會更支持原版的WINDOWS，這樣還不是最好的作業系統，從此不須要防毒軟體那會更棒！]]> http://www.wowbox.com.tw/blog/default.asp?id=3346 <![CDATA[40+CSS導航菜單資源 ]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-25T01:11:05+08:00 2009-06-25T01:11:05+08:00 如果在網站中有什麼可以為用戶留下第一印象的話，那麼一定非創意實用的網站導航菜單莫屬吧，在崇尚操作實用，注重體驗的Web設計中，導航菜單的作用舉足輕重。它可以引導用戶更好地瀏覽網站內容，讓用戶更快速地找到感興趣的內容。

在這篇文章中，整理搜集了40多套優秀的CSS導航菜單實例資源，下載即可使用，修改模板和結構也是非常的方便，可以為你的前端開發提高工作效率。

11 CSS Menus By Exploding Boy

11cssmenus

12 More CSS Menus By Exploding Boy

12cssmenus

14 Vertical CSS Menus by Exploding Boy

14vertcss

Drop Down Meny by CSS Play

dropdowncssplay

CSS Slanted Menu by SimpleBits

cssslants

CSS Menus v2 by qrayg

cssmenuv2

Mini-Tabs by Simple Bits

minitabspic

CSS Only drop-down menu by CSS Play (Multiple)

cssplaymult1

cssplaymult2

cssplaymult3

cssplaymult4

cssplaymult5

CSS Fly Out Menu By CSS Play

flyoutmenucssplay

CSS Fly Out 2 By CSS Play

flyoutcssnontran

CSS Fly Out 2 (Transparent Version) By CSS Play

flyoutcsstrans

CSS Tabs by Unraveled

csstabsunrav

CSS Tabs with Submenus

csstabswithsub

Tab Tree using CSS and Javascript

csstabtree

9 Horizontal CSS Menus by E-lusion

csstabselusion

FreeStyle CSS Menu

freestylecssmenu

Chrome CSS Drop Down Menu

chromecssdropdown

Light Weight CSS Tabs

lightweightcsstabs

Inverted Sliding Door Tabs

invertedslidtabs

Digg-like Navigation Bar Using CSS

diggcssnavbar

Digg-Like Vertical Menu with CSS

diggcssvert

Flickr-Like Horizontal Menu

flickrcssmenu

CSS Tabbed Search bar

tabbedsearchdigg

Hybrid CSS Dropdown

hybridcssmenu

via:top-40-css-menus-you-can-use-right-now/

]]> http://www.wowbox.com.tw/blog/default.asp?id=3345 <![CDATA[Dreamweaver CS4 與 InContext Editing 的關係！]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-23T07:45:57+08:00 2009-06-23T07:45:57+08:00 關於 Adobe InContext Editing

在 Dreamweaver 中設計您的頁面，讓您的使用者透過 Adobe InContext Editing 線上服務即可編輯網頁，毋需您的協助或其他軟體。身為 Dreamweaver 設計人員，您可限制對特定頁面進行變更、區分地區，甚至自訂格式選項。



以上是Adobe官方網站對於的InContext Editing的介紹，這也是DW CS4的新功能之一。能做什麼呢？
簡單來說，就是一個FLASH的線上編輯器，只要去申請一個Adobe ID 帳號，再去開啟 InContext Editing服務，使用DW CS4先在網頁加上InContext Editing編輯區域、重複區域的設定，然後上傳到您的網站，之後你的網頁就能開起InContext Editing的線上編輯功能，具有InContext Editing編輯的網頁上執行 Ctrl + E 的快速鍵，立即執行線上編輯功能！真的方常方便，Adobe開始提供更多的線上服務了，我看以後真的不需要作業軟體了，只要有瀏覽器軟體全部在網頁上執行，微軟的末日會到來嗎？這個InContext Editing的好功能你也試試看！


我的網站也搞InContext Editing編輯功能

更多的線上教學...]]> http://www.wowbox.com.tw/blog/default.asp?id=3344 <![CDATA[<tag>的最新用法！設計是想法觀念的問題了！]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-23T06:05:33+08:00 2009-06-23T06:05:33+08:00 網頁設計師也可以很「潮」！！！
由 Annti Yang 於 6 hours 之前發表




稍懂Html語言的人，看到這件T-shirt相信都會會心一笑。只是，T-shirt的那顆人頭，有種莫名的欠扁感，有了<head>，那<body>在哪兒呢？]]> http://www.wowbox.com.tw/blog/default.asp?id=3343 <![CDATA[用CSS3將你的設計帶入下個高度]]> Admin http://www.wowbox.com.tw/blog/ hanher@hotmail.com 2009-06-23T05:47:41+08:00 2009-06-23T05:47:41+08:00 用CSS3將你的設計帶入下個高度
譯自：Take Your Design To The Next Level With CSS3

級聯樣式表在13年前被引入，而且被廣泛使用的CSS 2.1 標準在11年前被創建，顯然我們現在已經與當年相差千里了。相當了不起的是期間網站開發有了多少進步——事實上，我們也無法想像。

為什麼會這樣呢，當提到CSS的時候，過去我們是如此的不情願和害怕嘗試？為什麼我們還要使用討厭的hack和依賴JavaScript的技術來寫樣式？為什麼我們不能利用豐富的CSS3 特性和現代瀏覽器中可用的工具 並將我們的設計品質帶到下一個等級？

是時候在我們的項目中引入CSS3 特性了，不用害怕逐漸在我們的樣式表中加入css3特性和選擇器會出問題。讓我們的客戶意識到CSS3的優勢 (而且讓舊瀏覽器更快的消失)是我們力所能及的事情——我們應該這樣做，特別是在它能夠讓網站更加靈活並減少開發和維護成本的時候。

在本文中，我們將研究CSS3的優勢，並看一下一些網頁設計師是如何使用它們的。最後，我們將瞭解到從CSS3中我們能得到什麼以及我們如何在我們的項目中使用它的新特性。

同時請參考我們之前的一篇相關文章：

使用CSS3將你的網站設計推向未來

使用瀏覽器專有屬性

為了使用大部分CSS3特性，我們不得不與原來的屬性一起使用生產商專有擴展。原因是直到現在，大部分瀏覽器只支持部分CSS3屬性。而且不幸的是，一些屬性甚至到最後都可能不被W3C推薦，所以通過指定瀏覽器專有屬性，將他們與標準屬性區分開來是很重要的(然後在他們是多餘的的時候使用符合標準的樣式將之覆蓋)。

當然，這種方法的劣勢是，將導致一個雜亂的樣式表和網站在瀏覽器之間的表現不一致。畢竟，我們不想在我們的樣式表中重拾私有瀏覽器hack的需求。Internet Explorer的臭名昭著的marquee、blink以及其它標籤在大量樣式表中被應用，並在20世紀九十年代成為一個傳奇；它們依然讓現存的很多網站（在其他瀏覽器中）表現不一致甚至難以閱讀。而我們現在也不想將我們自己置於同樣的境地，對吧？

然而，網站不需要在所有的瀏覽器中看起來必須嚴格的一致。有的時候在某個瀏覽器中使用私有屬性來實現特定的效果是可行的。

最常見的私有屬性是用於Webkit核心瀏覽器的(比如, Safari)， 它們以-webkit-開始，以及Gecko核心的瀏覽器(比如, Firefox)，以-moz-開始，還有Konqueror (-khtml-)、Opera (-o-) 以及Internet Explorer (-ms-)都有它們自己的屬性擴展（目前只有IE8支持-ms-前綴）

作為專業的設計師，我們不得不注意：使用這些私有屬性將讓我們的樣式表不能通過驗證。所以目前將他們放到最終版的樣式中是少見的。但是在某種情況下，比如試驗或學習，我們至少可以考慮將他們和標準的CSS屬性一起寫到一個樣式表中。

擴展閱讀
Vendor-specific extensions and W3C
Vendor-specific extensions to CSS3
Vendor-specific properties

文章太長了，目前只收錄到此...其它的內容請到原始出處觀看...有空再收錄了！]]> http://www.wowbox.com.tw/blog/default.asp?id=3342