第一次使用 IndexedDB 存取資料就上手

在 HTML framework 技術突飛猛進的今日,我們嘗試著用新的 HTML5/CSS3/JavaScript 來完成更多的事情。Chrome Web Store 裡就有各式各樣的 Web application 來告訴你目前 HTML framework 的能耐。除了視聽娛樂輕鬆實現的應用外,一般人最常用到的軟體多半就是紀錄大小事的應用軟體了。不管是日常筆記、記帳、行事曆…等等,我們常常需要.....深入了解

Firefox OS Marionette Test on Emulator

謀智台客曾在五月份時為各位介紹 Firefox OS (原 Boot To Gecko, 簡稱 B2G) 的模擬器 -- B2G on Emulator。今天則要就模擬器進行進一步的說明,與各位分享如何基於模擬器和 Marionette automation driver 進行 Boot To Gecko 的開發測試。 Marionette 是一套自動測試框架,它可以用來測試 UI .....深入了解

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 版本控制.....深入了解

B2G – 美麗新世界

正如之前幾篇謀智台客文章所介紹的, Firefox OS (Boot to Becko, 以下簡稱專案名 B2G ) 計劃提供了一個全新的平台,讓開發者能夠以 HTML5 等網頁技術來開發各種行動應用 (mobile apps)。這對於開發者眾多且已累積多樣化 JavaScript library 及 framework 的 web 開發社群而言,當然是一個非常正面的消息。 然而,伴隨著新的平台的.....深入了解

Meta-programming in JavaScript

如大家所熟知,JavaScript 是一種具有許多特性的動態語言,能應用於 meta-programming ,換句話說,其可以操作程式及改變程式。Meta-programming 的能力在於動態 (runtime) 改變和定義程式的行為,具有高效率的表達程式結構和邏輯的優點。然而,meta-programming 是一把兩面刃,善者如倚天劍、屠龍刀;劣者則是一套七傷拳,使程式如無字天書。然而.....深入了解

JavaScript 如何定義 Function

Mozilla Firefox 的程式大部份是用 C++ 寫成,但也有不少的元件是以 JavaScript 完成,在開發 B2G 的時候免不了就要寫一些 JavaScript。 在跌跌撞撞的參考 Mozilla 的 Coding Style Guide 完成 patch 並接受 review 之後,發現有個問題經常被 reviewer 提出來的就是在寫 member function 的時候.....深入了解