一個打十個 – 讓 Gaia 網頁應用(webapp)支援多重設備(一:像素密度)

使用網頁技術開發應用的好處,是讓使用者不管在什麼設備上,只要有瀏覽器支援,基本上都能使用自己習慣的服務。同時若有需要,也可以較容易地透過 Apache Cordova 等技術,將網頁應用封裝成不同平台的原生應用。在多種手持設備作業系統並存的今日,開發者也能在同一個(廣闊的)技術領域累積自己的技術能力,以應對越來越複雜的挑戰。 因為我相信以上的想法,所以今年初因緣際會進入了 Mozil.....深入了解

網頁自動測試的好朋友 – WebElement Locators

二十餘年前,網站慢慢開始出現在世界各地,起初就像盤古開天闢地一般,沒有複雜的東西,網站都相當簡易,大多以文字和些許的圖片構成,連頁面也沒有太多。經過好一陣子的發展,慢慢有了比較複雜的結構,那時候人寫網頁的邏輯慢慢的會受到干擾,因而有時候會出現一些錯誤。到了最近幾年,網站已經不再是 Frontpage (Sharepoint) 或 Dreamweaver 這種軟體就可以滿足的了,我們開始使用不同.....深入了解

伸縮自如 – Gaia 的多解析度支援

雖然 Firefox OS 以 Android 無法深入開拓的低階手機為第一波市場主打,但這可不表示 Firefox OS 只能在小螢幕上執行。目前 Firefox OS 已初步支援 HVGA (320×480)、WVGA (480×800)、qHD (540×960) 三種解析度。以 Web 技術作為使用者介面的 Firefox OS 如何實踐這些解析度的支援?讓我們來看一些在 Gaia 中實作.....深入了解

CSS 連這個也辦的到?! 淺談 CSS media queries

接續上週的介紹,今天來談談,為~~~什麼我們要多用 CSS 而少用 JS 來做動畫呢? 原因之一,就是今天的主角 media queries 啦!Media queries 主要可以用來對付來自四面八方,奇奇怪怪的解析度。 你或許會問,這些奇奇怪怪的解析度打哪來的呢?! 除了現在人手 N 支智慧型手機,每一支 Device 的尺寸都不同,還有桌機上的營幕一個比一個大,未來還有 Smart T.....深入了解

沒想到 CSS 也做的到?!

一個「生動」的網站絕對少不了 Javascript (JS) 的幫忙,很多有趣的特效交給 JS 或甚至丟給 Jquery 就對了!不過我們仔細看看 JS 裡到底做了什麼事讓我們的網站活起來呢,其實大部分的特效,JS 只是幫我們動態的去改變元素的 CSS 而已。那可以直接就在 CSS 中完成特效嗎?!完。全。沒。問。題。 舉例來說,最常見的特效就是當滑鼠移過去的時候,可以換個底圖或改變字的顏色.....深入了解

開發 Gaia 的好幫手 – Aptana

Gaia 是一個基於 HTML5 技術為基礎,且為 Firefox OS ( 原 Boot to Gecko 專案,以下簡稱 B2G ) 手持系統而生的,使用者界面開發專案。開發 Gaia 的程式語言不外乎使用 HTML5/CSS/JavaScript 等技術,這更是一個不折不扣的 Web 應用程式。在另外一方面,B2G 專案的版本庫放置於 GitHub 上,開發者可以透過 GitHub 版本控制.....深入了解