小惡魔 – 電腦技術 – 工作筆記 – AppleBOY

Web CSS Programer 在撰寫 Responsive CSS Style 時，手邊一定會有一堆 Device，來測試當畫面小於 480 px 或大於 768 px 時，呈現的版面是否有亂掉，公司也花費許多成本來測試，現在不需要這樣了，我們可以透過線上 Tool 或者是 Plugin 來測試 Responsive Web Page，首先來介紹 Viewport resizer，此工具用法很簡單，進入官網後，將官網 Javascript 連結加入到我的最愛或 bookmarks，之後打開您的測試網站，再點選該 bookmark，你會發現網站上面多了一條 tool bar，可以自訂或調整 view size，預設也給了平板手機等多種畫面調整，讓您測試 Media Queries 是否有錯誤。

Read Full Post »

最近把一個簡易的 Web 丟到 Google App Engine 測試，但是發現每天都會因為 Frontend Instance Hours 不夠用，而造成網站被關閉 (Quota 爆漿)，上網找一下解決方法，發現了這篇: Frontend Instance Hours 的問題，只要透過底下方式就可以暫時解決這問題，如果是網站流量很大的話，那可能要考慮開啟付費機制。 解決方式 先進入 App engine 後台，點選您的 Application 之後可以看到左邊選單 Application Settings，進入後找到 Max Idle Instances 還有 Min Pending Latency 這兩項設定，我們必須將 Max Idle Instances 設定為1，以及 Min Pending Latency 設定為 15s，但是 Max Idle Instances 預設是不給修改，而是跑 default value “Automatic”，這時候，我們必須把 inbound_services 設定為 warmup 才可以動態調整 Max [...]

Read Full Post »

看到 Google Chrome Blog 發表的Google Chrome 支援超過 40,000 Extensions!，當 Google Chrome 瀏覽器剛出來的時候，造成 Web Developer 一些震撼，因為 Chrome 強調的是擁有快速的 Javascript 引擎，以及快速的啟動，Fast start-up、Fast loading、Fast search，也因此讓很多設計網站的工程師必須把 Chrome 的支援性考慮進去，但是由於剛推出的瀏覽器，沒有任何外掛功能，我本身用 FireFox 瀏覽器很多年了，FireFox 的附加元件讓許多程式設計師投入開發，也製造出很多方便的附加元件來讓大家使用，例如：FireBug、Gmail Manager、Greasemonkey…，然而 FireFox 最方便的就是 Greasemonkey 此附加元件，使用者可以撰寫簡單 Javascript 語言來跟指定網站進行元件控制，現在 Google 工程師聽到我們的聲音了，Google Chrome 4 加入 Greasemonkey user scripts 功能，大家可以到 userscripts.org 下載超過 40,000 script 安裝到 Chrome 瀏覽器。您可以在 blogger 使用 emoticons，大家可以去參考看看。 由於 Chrome [...]

Read Full Post »

Mozilla 在上禮拜 (2010.01.22) 推出了 FireFox 3.6，大家可以下載測試效能如何，也可以 follow 狐耳摩莎的 Plurk 來收到 MozTW 的最新資訊，這篇重點不是在 FireFox，而是 Google 正式推出 Windows 版本 new Chrome 4.0 stable release，4.0 版本已經可以正式使用 Google Extensions，之前在3.0版本，只能安裝 Chrome Beta 版本才可以使用 extension，現在只要將 Windows Google Chrome 升級成 Stable 版本，就可以全面使用 Extensions，可以使用手動升級，或者是在下禮拜就會自動 update 到最新版本。 最後可以參考 ericsk 大大所寫的從開發者角度看 Chrome 4 的推出 Reference: Extensibility + new HTML and JavaScript APIs for Google Chrome [...]

Read Full Post »

Google Web Toolkit (簡稱：GWT)是先以 Java 語言編寫 AJAX 應用程式網頁，然後在編譯成最佳化 Javascript，不但幫助了剛入門 Javascrit，然後又需要撰寫 AJAX 應用程式的工程師很大的幫助，不僅如此，Google App Engine 也提供了 Java 跟 Python 環境，整合了 GWT，讓您可以上傳到 GAE 的空間進行測試，GWT 目的是產生具有高效能性的 Web 應用程式，您不需要是 Javascript 專家也可以做到，GWT 用在 Google 相當多的服務，例如 Google Wave, 新版的 Google AdWords 可以參考這裡更多實際範例。它是開放姓原始碼(open source)，完全免費，您也可以參與 GWT 的開發。 Google Plugin for Eclipse 支援 Google Web Toolkit 跟 Google App Engine 開發，我們可以直接安裝此 Plugin 就可以開始上手 GWT，當製作完成之後，就可以上傳到 GAE，直接打開提供的網址就可以看到成果了。 首先安裝 [...]

Read Full Post »

最近在 Gmail Lab 看到發布了許多新功能，都蠻好用的，加速搜尋郵件內容，收件者，寄件者，郵件內容語言轉換，匯入其他郵件的通訊名單…等，進階搜尋是這之前就開發好得功能，可以在 search operators 這篇裡面找到相關的用法，簡單來說底下有個例子： “to:me is:starred” 搜尋寄信給您所標記的郵件 “is:chat from:heather” 搜尋與heather使用者對話的內容 “is:starred -in:inbox” 搜尋所有信件夾內未標記郵件 “from:elliot filename:pdf” 搜尋 elliot 寄來信件附件檔帶有 pdf 檔案 上面例子看了很複雜吧，因為你還要記的很多相關的語法，才可以正確搜尋到，所以 google 很貼心的設計了 Search Autocomplete，之前我有寫一篇：New in Labs:Gmail search autocomplete 快速找尋使用者 email 跟附件檔案，造福了使用 Gmail 的大眾。 預覽收件夾這功能可以參考：New in Labs: Inbox preview，這功能用在當開啟 gmail 網頁時，會有 loading 的畫面，那針對速度慢得使用者，可以預先看到新的郵件標題，而不需要整個載入之後才看的到，目前還沒有遇到這種狀況，不過大家可以試試看。 郵件內容語言轉換(New in Labs: Automatic message translation)，這功能相當不錯，可以利用 google translate tool [...]

Read Full Post »

Gmail 又推出一個 Lab 功能了，這個功能我想是大家所期待許久的，可以直接對於搜尋使用者跟附件有相當大的幫助，可以針對附件，郵件裡面的 vedio，圖片副檔名 .jpg、.png、.doc 下去做搜尋的動作，很方便的，也可以針對郵件的 email 或者是姓名搜尋，提供了 autocomplete 的作用，您只需要打入兩個關鍵字，就會出現相關的使用者姓名或者是 email 喔，方便的，可以參考：New in Labs: Gmail search made easier (and lazier)。 使用方法只要去 Settings -> Labs 把功能打開即可

Read Full Post »

昨天寫了一篇 [PHP] Zend 使用 Google Calendar API – 環境建立架設，相信應該是非常簡單才對，那今天來介紹一下實做 Google Calendar API 的瀏覽、新增、刪除、修改事件的功能，在官方網站都有詳細的 API 功能介紹，我只不過把功能整合完整一點，詳細請看 Google Calendar API With PHP。 1. 瀏覽功能：建立 index.php /* * include 昨天新增的config.inc.php 檔案 */ include(’config.inc.php’); /* * 提供Calendar 的服務名稱 */ $service = Zend_Gdata_Calendar::AUTH_SERVICE_NAME; /* * 登入帳號密碼 */ $client = Zend_Gdata_ClientLogin::getHttpClient($googleAccount, $googlePassword, $service);

Read Full Post »

最近又玩了 Googl 的 API：Google Calendar APIs and Tools，這個 API 可以讓 PHP 開發者對於使用 Google Canledar 有很大的幫助，可以新增事件，刪除事件，修改事件，或者是更改事件，相信在 Google 的 API 裡面都寫的很詳細，這 API 是由 Zend 底下所開發出來的，在 Zend Framework 底下是小 API 模組，大家可以在 這裡 下載到最新的版本 Zend Gdata 1.7.7，大家也可以直接在 Zend Framework 底下做開發，目前支援 PHP5，如果對 Google 月曆不會用的，可以上網找一下，很多 教學 的喔，底下是要針對開發環境建立做介紹。 針對 Google Calendar PHP API 教學大家可以先看看，今天先教大家建置環境，環境用在 Zend Framework 底下的作法，那架設 Zend Framework 可以參考我上一篇文章：[PHP] Zend Framework [...]

Read Full Post »

Google App Engine 利用 python 程式語言所組成，可以利用 Google 背後的技術來開發您的 Web application，後端就交給 Google 的強大雲端運算能力，前端就可以利用 SDK 來開發您的 Web 介面，後端儲存可以用 Google Bigtable 及 GFS 的儲存方式，那現在就不多說了，花了一點時間把環境建立起來，遇到一些問題，現在來筆記一下，目前我在 FreeBSD 7.1 Release 來當作 Google App Engine 開發平台，在安裝方面有遇到一些小問題，底下來看看： 在 FreeBSD 安裝方法還蠻簡單的，首先把 python 環境弄好 # cd /usr/ports/lang/python25/ # make install clean 底下這張圖就是安裝好的結果：

Read Full Post »