分類
Google

Google發佈Chrome 3正式版

Google正式發佈了Chrome 3正式版,這對於瀏覽器市場來說,又是一個新的衝擊。不知道瀏覽器市場的市佔率又會如何變動呢?蠻期待的XD

本次 Chrome 3 的改善的部分有,效能提升及支援HTML,當然還有很多細項。還有還有,換瀏覽器的主題風格XD。

分類
Web 2.0

網頁設計 Part 1 – 分析訪客

提供幾個小Tips,主要是針對網頁設計的部分。

一、調查訪客所使用瀏覽器

目前最市佔率最高的依舊還是IE瀏覽器,緊追在後的是Firefox,再來則是Sarafi。

第一張圖是 Market Share for Browser 的資料;第二張圖則是本部落格的訪客資料,前兩名流覽器佔比都差不多。所以製作出來的網頁要能夠在IE6 7 8、Firefox、Safari及Chrome可以正常流覽。當然IE6是很多網頁設計師心中永遠的痛,so …..IE6何時會進墳墓呢XD

PIC1

PIC2

二、調查訪客所使用的螢幕解析度

可以使用 Google Analytics 得到訪客所使用的解析度,以本格來看,大多是1024 x 768的使用者為居多。再來是1280 x 800以及1280 x 1024,至於以前較為普遍的800 x 600解析度已經剩下1%左右的用戶。所以前三多的訪客流覽解析度為主,較能符合需求。

三、調查訪客偏好的色系

每位訪客都有自己偏好的顏色,網頁設計的方向必須將網頁色系考量進去,特別是網站的主題與顏色搭配,若能掌握的很好,那麼訪客在閱讀文章或者進行社群功能,將會使用得很順利,停留時間也會越來越久,留住訪客是非常重要的。所以在色系部分,除了先確定網站主題之後,可以針對訪客進行調查,瞭解大部分的訪客偏好哪種顏色,譬如都是白底色系的網站,閱讀起來非常舒服。
四、調查訪客的閱讀習慣

瞭解網站訪客的來源,是否台灣訪客居多?還是有其他國家的訪客,以中文來說,一般閱讀的習慣是左到右,所以第一眼看到都是在左邊,並依照網站所要強調的功能來配置頁面,以一進入網站來看,主要的東西要放在明顯的位置,次要或者不那麼重要的則放在下方(網頁捲軸需下拉)。置於是三欄或者兩欄排版,則可依照網站資料多寡及網站主題來做變化。

幾個小小的心得,分享一下。

分類
Web 2.0

微軟正式發佈IE8

睽違已久的IE8終於現身了,微軟官網也開放下載,每個功能看起來都不錯,但是要用過才知道是否變好了,特別是CSS都不標準,現在的市佔率還是IE佔優勢,不管是Firefox、Safari、Opearr及Chrome等各家瀏覽器都還是在搶多這塊大餅。從Market Share的資料得知目前的市佔率,所以IE的市場慢慢被瓜分掉,看看這次IE8能否拉回一些。

以下資訊從微軟官網轉載。

加速器

您目前的瀏覽器執行了多少步驟,才完成定位地址、翻譯文字或在線上執行其他例行工作?到現在為止,可能已有一系列的資訊從一個網頁剪下並貼到另一個網頁上。 Internet Explorer 8 中新的「加速器」功能可協助您快速執行日常的瀏覽工作,無需導覽到其他網站即可完成。只要反白顯示網頁中的文字,然後按一下所選內容上出現的藍色「加速器」圖示,即可取得行駛方向、翻譯和定義文字、將內容以電子郵件形式傳送給其他人,開始購物等。

Internet Explorer 8 包括一些有用的加速器供您使用。您也可以新增更多加速器,方法是移至 Internet Explorer 圖庫以根據您的需要自訂瀏覽器的工作方式。
Internet Explorer 8 加速器

只要從瀏覽器右上角的 [工具] 按鈕按一下 [管理附加元件],便可輕鬆地刪除、停用或啟用加速器。
展開/摺疊
網頁快訊

您一天要檢查幾次電子郵件、天氣預報、比賽分數、股票報價、拍賣項目等等的更新?直到現在這還是手動程序,也就是您必須到這些網站檢查是否有變更或新資訊。

只要使用「網頁快訊」,您就可以直接從新的 [我的最愛] 列隨時瞭解經常更新之網站的資訊。如果網頁上有可用的「網頁快訊」,則一個綠色的「網頁快訊」圖示會顯示在瀏覽器的右上角。按一下這個圖示即可輕鬆訂閱和新增「網頁快訊」到 [我的最愛] 列,從而隨時掌控網站最新資訊。
Internet Explorer 8 網頁快訊

當有新資訊可用時,「網頁快訊」便會反白顯示。按一下 [我的最愛] 列中的「網頁快訊」,便可預覽相關資訊。按一下預覽會直接將您帶往該網站以取得詳細資訊。
Internet Explorer 8 圖庫首頁

現在您可以使用一些大型社群和合作夥伴開發的網頁快訊及加速器。在 Internet Explorer 8 圖庫中選擇對您有用的項目。
展開/摺疊
立即搜尋
搜尋建議

您是否曾經忘記過尋找的一本書的全名,或某天晚上看的電影中演員的名字。Internet Explorer 8 中新的搜尋功能將在您於搜尋方塊中輸入文字時提供相關建議,以協助您節省時間。隨時按一下建議便可立即執行搜尋,而不必輸入整個單字或片語。
視覺搜尋

Internet Explorer 8 與頂尖的搜尋提供者協同合作,提供「視覺搜尋」影像,讓您立即獲得答案。例如,使用 [即時搜尋] 輸入「西雅圖天氣預報」,將會直接在 [搜尋方塊] 下拉式清單中立即顯示目前天氣的預覽。透過您慣用的搜尋提供者,尋找更多視覺搜尋結果。
Internet Explorer 8 視覺搜尋

您可以從 [搜尋] 方塊中的下拉式箭號按一下 [管理搜尋提供者],或從右上角的 [工具] 按鈕按一下 [管理附加元件],輕鬆地刪除、停用或啟用搜尋提供者。
展開/摺疊
增強的瀏覽功能
增強的索引標籤式瀏覽功能

您是否曾經開啟了大量索引標籤,當返回查閱時卻眼花撩亂?Internet Explorer 8 推出了索引標籤群組,使索引標籤式瀏覽更為容易。當一個索引標籤從另一個索引標籤開啟時,新的索引標籤會放在原始索引標籤旁邊並以分色呈現,讓您可快速地分辨出哪些索引標籤具有相關的內容。
Internet Explorer 8 索引標籤群組

更智能的網址列

無法記住上週造訪的新網站的完整網址嗎?在新網址列中輸入一些字元,Internet Explorer 8 將根據您輸入的內容自動顯示您造訪過的網站。它會搜尋您的所有歷程記錄、我的最愛和 RSS 摘要,然後顯示來自網站地址或任何 URL 部分的符合項目。此外,您可以透過按一下紅色的 X,刪除下拉式方塊中的任何網址,這對去除拼錯的 URL 而言特別有用。
Internet Explorer 8 網址列

相容性檢視

Internet Explorer 8 的內建 [相容性檢視] 按鈕,可讓您顯示專為舊版瀏覽器設計的網站。如果您看到文字、影像或文字方塊未對齊,只要按下 [相容性檢視] 按鈕即可。[相容性檢視] 按鈕就在網址列中 [重新整理] 按鈕旁。
Internet Explorer 8 相容性檢視按鈕
展開/摺疊
效能更好

Internet Explorer 8 可更快速地啟動及載入網頁,並提供強大的新索引標籤頁,讓您立即開始進行下一個想要的動作。Internet Explorer 8 的效能有許多改進,針對某些最重要的方面,提供更快、更具回應性的網頁瀏覽體驗。

有興趣的可以前往微軟官網下載
http://www.microsoft.com/windows/internet-explorer/default.aspx

分類
Web 2.0

搶先下載 Firefox 3.0

對岸 wangtam 看到的,原來已經有些小技巧可以先下載來體驗了。

剛剛艾德已經下載下來,順利安裝 3.0 正式版

正在享受中。

下載:

Firefox 繁體中文 3.0  for Windows

Firefox 繁體中文 3.0 for Mac OS

Firefox 繁體中文 3.0 for Linux

分類
Web 2.0

Firefox 3 正式版即發行

Firefox 沈寂了好一段時間,終於要於本月 17 號全球同步發行 Firefox 3 正式版,官方網站也推出了 Set a Guinness World Record Enjoy a Better Web 的活動,也就是要創下 24小時內的最高紀錄下載量,有 email 或者是愛用者的朋友們要趕快去參加這勝大的活動。

Sounds like a good deal, right? All you have to do is get Firefox 3 during Download Day to help set the record for most software downloads in 24 hours – it’s that easy. We’re not asking you to swallow a sword or to balance 30 spoons on your face, although that would be kind of awesome.

The official date for the launch of Firefox 3 is June 17, 2008. Join our community and this effort by pledging today.

目前登記 email 參與的人數達到 114萬多人,在活動開始的當天,Firefox 的官方網站會用 email 通知您下載 Firefox 3 。Let’s go! – http://www.spreadfirefox.com/en-US/worldrecord/

Firefox 真是好用到沒話說,IE6 or IE7 快被冰起來了 XD ,如果您還沒有用過 Firefox ,趕快嘗試吧!

相關閱讀:

Firefox 3瀏覽器將於6月17日正式發行

分類
Web 2.0 艾德分享

讓圖片自動加上美麗的外框

一般的圖片都是四四方方的,有點死板的感覺,可是手邊沒有繪圖軟體(Photoshop, Photoimpact)或者看圖軟體的時候,該如何將圖片把他變得美美的呢?

Glossy.js 是個小小的 javascript ,只要將他置入網頁中,在給予圖片一個 class 來使用,圖片就會出現精美的外框。

以下是範例效果:

原圖片

套入 class 之後

再來一張 XD 這張是圓角不同的

這作法很簡單,只要將 glossy.js 加到 header.php 裡頭,加入下列代碼


其他的控制外框的方法可以參考內附的說明,裡面也附有 index.htm 可以執行起來看效果及說明。目前 Glossy.js 支援 Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. 當然官網也提到如果是使用更舊版本的瀏覽器,最好還是更新到新版吧。至於 js 的部份,檔案大小約 15k 如果怕讀取太久,可以考慮把 js 丟到 hinet 或者 google page @_@因為速度快,嘿嘿。

前往官網

本站不提供下載,請前往官網下載。

分類
喃喃自語

無言的網頁程式設計

剛剛在 Yahoo! 奇摩看到的一個文字廣告,內容是龍捲風 xxxxx,其實內容不怎麼重要,不過點進去之後才是重點。

當進入這網站的時候,愣住了。

圖片在此

也可以直接使用 Firefox 進入該網站

其實很久沒有使用 IE ,幾乎都用 Firefox 在瀏覽網頁,看到這樣子的網站時,腦袋中只有一個念頭,這是誰設計的?擔任網站企劃這工作將近一年,雖然還是算菜鳥,但是看到這樣子的設計只有搖頭,還好不是艾德企劃的,不然程式鐵定被艾德打死 XD。

就算大部分的使用者還是使用 IE ,但是也不能忽略那些使用其他瀏覽器的客戶。


分類
Web 2.0

IE 好? 還是 Firefox 好?

回憶高一的時候算一算大概十年前還十一年前吧,當初接觸 Html 的時候是非常興奮的,那時候用的是 Netscape 瀏覽器,也就是 Firefox 的祖先吧 XD (實際情況蠻複雜的,我也搞不太清楚,有興趣的可以看一看 Wiki 的說明),一切的基礎都是在 Netscape 底下建立的,從台北車站的電腦書店買了一本 Html 的字典後,每天就在 K 這玩意。開始手工打造自己的第一個網站,名稱我已經忘記了,不過網址還記得,從 Internet Archive Wayback Machine 查到的資料,1998 年把網站改名成免費資源王,囧,原來我那時候就在搞免費資源的東西,不過後來也不知道為啥就沒有繼續做下去。

回到正題,IE 好? 還是 Firefox 好? 這個答案見仁見智,不過目前從 Google Analytics 來看,閱讀本站的瀏覽器有將近 67 % 是使用以 IE 為核心的瀏覽器,哪些是 IE 為核心的瀏覽器呢?IE、KKMAN、Maxthon、MyIE(Maxthon的前身)、Avant、Sleipnir等等,太多了。

到底 IE 安不安全,這點我不清楚,我只知道沒有 100% 安全的東西。在我大學時期當系辦工讀生來說,最常遇到的就是學生始用電腦上一些不該上的網站,剛好電腦只安裝 IE ,中毒之後比較嚴重的就得重新安裝 Windows 了。

大學之後接觸到了 Firefox ,開始慢慢喜歡上這隻狐狸,這狐狸哪邊好?重點就在於它的擴充性,有許多的擴充套件可以安裝,就跟 WordPress 一樣,有許多 plugin 可以輔助,有許多的 Theme 可以更換版面。而對於網頁設計的人來說,Firefox 有一定的優勢,隨時可以觀看修改後的效果,CSS快速修改等等。

那麼 Firefox 安不安全?這點我也不清楚,請到 google 查詢會比較快 @_@。假設使用 Firefox 瀏覽一些 IE 限定的網站要怎麼辦?安裝 IE Tab 的擴充套件就能使用 Firefox 內建的 IE 來瀏覽。以我個人來說,網站一定要符合多瀏覽器才標準,不知道本站有沒有符合 @_@ 。

艾德非常推薦 Firefox ,因為本站的設計都是在 Firefox 瀏覽器的檢視下所設計的,當然也會為了 For IE 來修正(這點會氣死人)。

關於 Firefox 的特徵與性能,我節錄 Wikipedia 的一小段來分享。

軟體特徵與性能
* 1.1 分頁瀏覽 (工具列不會有很多視窗跑出來)
* 1.2 彈出式視窗攔截 (擋下網站會亂跳廣告的,尤其是一些有的沒有的)
* 1.3 即時書籤
* 1.4 反網路釣魚 (應該是擋後門吧)
* 1.5 佈景主題 (就是換 skin)
* 1.6 擴充套件 (艾德有安裝新同文堂,這是翻譯用,還有ForecastFox,顯示天氣狀況)
* 1.7 跨平臺支持 (其他作業系統也能使用)
* 1.8 安全性能
* 1.9 支援的標準

還在用 IE 嗎?喜歡 Firefox 嗎?