貓盒子的筆記本

Facebook Graph API

noreply@blogger.com (catbox) — Fri, 03 Dec 2010 06:10:00 +0000

筆記用...

Graph API Overview

獲取access_token:
訪問 https://graph.facebook.com/oauth/authorize?type=user_agent&client_id={app_id}&redirect_uri={app_url}

擴展權限:
https://graph.facebook.com/oauth/authorize?type=user_agent&client_id={app_id}&redirect_uri={app_url}&scope=publish_stream,offline_access,user_status,read_stream
修改scope後面的參數 (參考資料)

Photoshop Style A Day

noreply@blogger.com (catbox) — Wed, 27 Oct 2010 01:48:00 +0000

Photoshop Style A Day
免費及收費的Photoshop圖層樣式，混合選項，和文字效果每日更新

Web可用性設計的247條指導方針

noreply@blogger.com (catbox) — Sun, 02 Aug 2009 04:24:00 +0000

譯序：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面佈局和視覺設計、搜索可用性、幫助反饋和容錯。如Userfocus所說，“雖然易用性系統的設計遠不止應用一些簡單的指導方針，但是它們卻可以為獲取穩定性和好的實踐提供有意義的幫助。”

原文地址：http://www.userfocus.co.uk/resources/guidelines.html

目錄：

首頁可用性設計（20條評估首頁可用性的方針）
任務導向（44條評估網站對用戶任務支持程度的方針）
導航和信息架構（29條評估導航和信息架構的方針）
表單和數據輸入（23條評估表單和數據輸入的方針）
可信度（13條評估可信度的方針）
寫作和內容質量（23條評估寫作和內容質量的方針）
頁面佈局和可視設計（38條評估頁面佈局和可視設計的方針）
搜索可用性（20條評估搜索可用性設計的方針）
幫助、反饋和容錯（37條評估幫助、反饋和容錯的方針）

詳細內容請連結至: http://www.wowbox.com.tw/blog/article.asp?id=3367

A/B測試

noreply@blogger.com (catbox) — Sat, 01 Aug 2009 04:23:00 +0000

Anne Holland's Which Test Won? - A/B split & Multivariate Testing Know-how for marketers
對網站進行A/B測試後提升轉化率的實例及說明

疑!? 升到 PR4 & PR5 了

noreply@blogger.com (catbox) — Thu, 02 Jul 2009 11:08:00 +0000

貓盒子的筆記本 PR4

貓貓四處爬 PR5

好長一段時間懶得動Blog
上來看看突然發現兩個Blog的PR都上升了
拍個照留紀念 XD

Firefox 3.5 發佈囉

noreply@blogger.com (catbox) — Wed, 01 Jul 2009 10:22:00 +0000

http://moztw.org/

Firefox 3.5 新鮮事
Firefox 3.5 以去年尚開發中的 Gecko 1.9.1 排版引擎為基礎，相對於舊版 Firefox 提供了許多改變，支援新的網頁技術、增進效能，且容易使用。值得一提的功能包括：

提供超過 70 種語言支援。（取得您的本地化版本！）

支援 HTML5 <video> 和 <audio> 元素，包括對 Ogg Theora 編碼影像和 Vorbis 編碼聲音的原生支援。（在這裡試試！）

增進您控制個人隱私資料的工具，包括私密瀏覽模式。

更好的網頁應用程式效能，使用新的 TraceMonkey JavaScript 引擎。

地理定位功能可以將您的地理位置資訊分享給網站。（在這裡試試！）

原生的 JSON 支援和網頁工作執行緒。

Gecko 排版引擎的加強，包括預測解析以加速頁面描繪。

支援新的網頁技術，例如：動態下載字型、CSS 媒體型態查詢、新的變形與屬性、JavaScript 查詢選擇器、HTML5 本地端儲存及離線應用程式儲存、<canvas> 文字、ICC 設定檔，以及 SVG 變形特效。

開發者可以在 Mozilla Developer Center 找到關於所有變更和新功能的資料。

欲知 Firefox 3.5 的所有功能，請見 Firefox 網頁。

有趣的羊毛氈試作 Fleece Dog

noreply@blogger.com (catbox) — Sun, 24 May 2009 11:10:00 +0000

亂馬1/2 五寸釘光登場(!?)

怨念的產生物(誤)

前陣子一時興起買了羊毛條和戳針來玩
試作過程還算順利
呃...除了弄斷一支針外加在手指上戳了一個洞(痛)
大概是怨念太深把它當草人來札了XD

PHP判斷AJAX請求

noreply@blogger.com (catbox) — Wed, 08 Apr 2009 15:11:00 +0000

<?php
if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest')
{
echo 'ajax';
}
else
{
echo 'not ajax';
}
?>

Balsamiq Mockups: 手繪風格的原型設計軟體

noreply@blogger.com (catbox) — Tue, 10 Mar 2009 01:40:00 +0000

Balsamiq Mockups是一款免費的帶有手繪風格的原型設計軟體
雖然沒有如Axure的交互功能，但是對於設計基本原型及前期展示上來說非常適合
基於Adobe AIR，在Windows、Mac、Linux平台上皆可使用

官網: http://www.balsamiq.com/products/mockups/desktop

更多範例請看這裡: http://www.balsamiq.com/products/mockups/examples

这款軟體是付费的，需要75美元。同时提供免费版下載，但是免费版没有儲存功能
不過在他的網站上提到了一些免费獲取認證的方式。

Ubuntu: VirtualBox - spawning session 0%

noreply@blogger.com (catbox) — Fri, 17 Oct 2008 08:01:00 +0000

今天使用VirtualBox啟動虛擬機時出現 spawning session 進度條卡在 0%不動
應該是這兩天更新Ubuntu後出的問題
解決方法:

sudo /etc/init.d/vboxdrv setup

2009年國定假日

noreply@blogger.com (catbox) — Thu, 16 Oct 2008 00:37:00 +0000

放假之紀念日及民俗節日

特定節日

補假

元旦 - 1月1日(四)

特休 - 1月2日(五)
1月1日(四) ~ 1月4日(日) 放四天

農曆年 - 1月24日(六)~1月28日(三)

補假 - 1月29日(四)

特休 - 1月30日(五)
1月23日(六) ~ 2月1日(日) 放九天

二二八 - 2月28日(六)

清明節 - 4月4日(六)

勞動節 - 5月1日(五) 咱公司明年開始不放勞動假~"~

端午節 - 5月28日(四)

特休 - 5月29日(五)
5月28日(四) ~ 5月31日(日) 放四天

中秋節 - 10月3日(六)

雙十節 - 10月10日(六)

好多節日都遇到星期六啊..

資料: 98年政府行政機關辦公日曆表

GIMP 2.6.0 釋出

noreply@blogger.com (catbox) — Fri, 03 Oct 2008 15:04:00 +0000

GIMP 2.6.0 下載頁

Google: 動態網址與靜態網址

noreply@blogger.com (catbox) — Thu, 02 Oct 2008 01:30:00 +0000

Dynamic URLs vs. static URLs

Myth: "Dynamic URLs cannot be crawled."
神話： “動態的網址無法被抓取。 ”
Fact: We can crawl dynamic URLs and interpret the different parameters.

事實：我們可以抓取動態網址和解釋不同的參數。
We might have problems crawling and ranking your dynamic URLs if you try to make your urls look static and in the process hide parameters which offer the Googlebot valuable information.

我們可能有問題，檢索和排名您的動態URL如果您嘗試使您的網址靜態和期待的過程中隱藏的參數提供了Googlebot有價值的信息。
One recommendation is to avoid reformatting a dynamic URL to make it look static .
一項建議是為了避免格式化的動態網址，以使其看起來靜態的。
It's always advisable to use static content with static URLs as much as possible, but in cases where you decide to use dynamic content, you should give us the possibility to analyze your URL structure and not remove information by hiding parameters and making them look static.
它總是最好使用靜態內容與靜態網址盡可能，但在情況下，您決定使用動態的內容，你應該給我們的可能性，分析您的網址結構，而不是刪除信息隱藏參數，使它們看起來靜態的。

Myth: "Dynamic URLs are okay if you use fewer than three parameters."
神話： “動態的網址是不錯如果你使用不到3個參數。 ”
Fact: There is no limit on the number of parameters, but a good rule of thumb would be to keep your URLs short (this applies to all URLs, whether static or dynamic).

事實：沒有限制數量的參數，但一個好的經驗法則將保持您的網址短 （這適用於所有網址，無論靜態或動態）。
You may be able to remove some parameters which aren't essential for Googlebot and offer your users a nice looking dynamic URL.
您可以刪除一些參數，這是不是必不可少的Googlebot和您的用戶提供很好尋找動態網址。
If you are not able to figure out which parameters to remove, we'd advise you to serve us all the parameters in your dynamic URL and our system will figure out which ones do not matter.

如果您無法找出哪些參數刪除，我們會告訴你為我們服務的所有參數在您的動態網址和我們的系統會找出哪些沒有問題。
Hiding your parameters keeps us from analyzing your URLs properly and we won't be able to recognize the parameters as such, which could cause a loss of valuable information.

隱藏您的參數讓我們從分析您的網址正確，我們將無法確認參數等，可能會導致喪失寶貴的信息。

Google工具列5 for Firefox

noreply@blogger.com (catbox) — Tue, 30 Sep 2008 00:46:00 +0000

for Firefox的Google工具列5終於可以下載了，雖然只是試用版
可以在工具列上安裝Google Gadget小工具
Google工具列5試用版 for Firefox

CSS佈局

noreply@blogger.com (catbox) — Mon, 29 Sep 2008 04:07:00 +0000

Perfect multi-column CSS liquid layouts(英)
介紹CSS佈局框架，單欄、二欄、三欄及多欄式佈局方法。對設計部落格或一般個人、公司網頁都是很好的參考。

DTD - Quirks模式與Standards模式

noreply@blogger.com (catbox) — Mon, 29 Sep 2008 03:59:00 +0000

Quirks模式與Standards模式(簡)
介紹目前最常用的兩個DTD strict.dtd 和 loose.dtd 的區別...包括CSS、Javascript在這兩種模式下的支援及影响...

啊咧!? PR 1

noreply@blogger.com (catbox) — Mon, 29 Sep 2008 03:12:00 +0000

今天在重灌達人那知道PageRank更新了，一時無聊的我也點進Google PageRank Checke輸入了自己的網址, 發現有PR1了, 從7/21發第一篇文章到現在才2個月, 嚇了一跳。是不是該考慮把貓貓四處爬移到這裡來XD

Google十週年慶

noreply@blogger.com (catbox) — Thu, 25 Sep 2008 00:30:00 +0000

今天連上Google發現多了一行。Google 十年慶：邀請您來分享我們的喜悅！

Google歷史進程。從2位創辦人相遇開始，還有Google死忠為自己小孩取名為Google @@。

10¹⁰⁰ 計劃 : 想改變世界嗎？

10¹⁰⁰ 計劃活動希望能激發更多人的創意，藉由造福更多的人，讓世界變得更美好。

計劃緣起

這是有史以來人類資訊流通最廣的時代，工具垂手可得，能實現創意的方法俯拾皆是。然而，現今社會各個階層，無論在大小事務上，卻仍然有很多需要幫助的地方。
值此同時，全新的研究再次證實「助人為快樂之本」的顯淺道理：除了最基本的物質財富以外，唯有「造福他人」才能為個人帶來更多幸福感。

換句話說，在「造福他人」的過程中，無論是施受雙方均同樣受益。

問題在於：怎樣才能真正造福人群，讓大眾受惠？
在 Google，我們或許還沒有答案，但我們相信答案的存在。這個答案也許來自某實驗室、公司、大學 -- 也許其他地方。
或許，能夠造福人群的答案早就存在您的腦海中：試想想您觀察到的事物、一些您反覆思量的念頭、一些您注意已久的微妙關係，以及您對舊事物的全新觀點。

Icon 搜尋引擎

noreply@blogger.com (catbox) — Sun, 14 Sep 2008 08:53:00 +0000

方便的Icon搜尋引擎

CSS Sprite Generator - CSS 圖片合併產生器

noreply@blogger.com (catbox) — Sun, 14 Sep 2008 08:15:00 +0000

CSS Sprite Generator
這個工具可為您自動產生 CSS 圖片合併。只需傳送一個內含2個以上圖片文件 (GIF, PNG or JPG) 的 ZIP 壓縮檔，就會為您自動產生合併後的圖片與 CSS 程式碼。

CSS sprites 可有效降低圖片文件的 HTTP 連接請求數。將多個圖片以一定間距合併為一個圖片文件。頁面中使用這些圖片的元素將利用 background-position 這一 CSS 屬性來顯示合併圖片中的指定位置。
這項技術可以提升網站效能，尤其當網頁上有很多小圖片時，例如許多的選單圖示。 Yahoo! 首頁便是使用此技術的一例。

相關連結:

Blogger: 讓每篇文章都顯示日期

noreply@blogger.com (catbox) — Sat, 13 Sep 2008 15:22:00 +0000

Blogger的文章如果發佈日期是同一天的話，只有第一篇文章的標題上方會顯示出日期，只好想辦法改一下了。

1.進入版面配置/修改HTML/展開小裝置範本
2.加入js:

<script type='text/javascript'>
var da;
function pd_replace(d){
if (d) { da=d; }
document.write(da);}
</script>

3.找到以下代碼

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

4.將紅色字段改成下面藍色部份

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<div class='dateblock'><script>pd_replace('<data:post.dateHeader/>');</script></div>
</h2>
<b:else/>
<h2 class='date-header'>
<div class='dateblock'><script>pd_replace('');</script></div>
</h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

5.儲存完成

GIMP 用戶手冊

noreply@blogger.com (catbox) — Sat, 13 Sep 2008 10:34:00 +0000

GNU Image Manipulation Program 用戶手冊
GIMP 是多平台的照片處理工具。GIMP 是通用圖像處理程序(GNU Image Manipulation Program)的縮寫 GIMP能完成多種圖像處理任務，包括照片潤飾，圖像合成和圖像生成。

它有許多功能。它可以作為簡單的畫圖程序，或專家級的照片潤飾程序,或是在線批處理系統，或大批量的圖像渲染器，以及圖像格式轉換器等。

GIMP 具有可延伸性和可擴展性。它被設計為通過插件和擴展能完成任何事。其高級腳本接口允許從最簡單到最複雜的任何圖像處理過程很輕鬆得被寫成腳本。

GIMP 的優勢在於它獲取的多種來源和對大量操作系統廣泛的可用性。許多GNU/Linux 發行版本都將 GIMP 作為標準程序。當然 GIMP 也支持其它操作系統如 Microsoft Windows™ 或是 Apple'sMac OS X™ (Darwin)。 GIMP 不是免費軟件,而是遵循 General Public License (GPL license)的開源軟件。 GPL 讓使用者享有對電腦程序源代碼獲取和更改的自由。

W3school網站建設教程

noreply@blogger.com (catbox) — Sat, 13 Sep 2008 10:26:00 +0000

w3school 在线教程(簡）
內容包含HTML、XHTML、CSS、XML、JavaScript、AJAX、PHP、ASP、SQL、WAP...等等網站技術相關的參考手冊、教學及實例

MySQL中文參考手冊

noreply@blogger.com (catbox) — Sat, 13 Sep 2008 10:16:00 +0000

MySQL中文參考手冊

PHP函式庫中文手冊

noreply@blogger.com (catbox) — Sat, 13 Sep 2008 10:10:00 +0000

PHP函式庫中文手冊

貓盒子的筆記本

Facebook Graph API

Photoshop Style A Day

Web可用性設計的247條指導方針

A/B測試

疑!? 升到 PR4 & PR5 了

Firefox 3.5 發佈囉

有趣的羊毛氈 試作 Fleece Dog

PHP判斷AJAX請求

Balsamiq Mockups: 手繪風格的原型設計軟體

Ubuntu: VirtualBox - spawning session 0%

2009年國定假日

GIMP 2.6.0 釋出

Google: 動態網址與靜態網址

Google工具列5 for Firefox

CSS佈局

DTD - Quirks模式與Standards模式

啊咧!? PR 1

Google十週年慶

10100 計劃 : 想改變世界嗎？

10100 計劃活動希望能激發更多人的創意，藉由造福更多的人，讓世界變得更美好。

計劃緣起

Icon 搜尋引擎

CSS Sprite Generator - CSS 圖片合併產生器

Blogger: 讓每篇文章都顯示日期

GIMP 用戶手冊

W3school網站建設教程

MySQL中文參考手冊

PHP函式庫中文手冊

有趣的羊毛氈試作 Fleece Dog

10¹⁰⁰ 計劃 : 想改變世界嗎？

10¹⁰⁰ 計劃活動希望能激發更多人的創意，藉由造福更多的人，讓世界變得更美好。