Javscript 18 歲生日歷史演進

resin.io 看到這篇 Happy 18th Birthday JavaScript! A look at an unlikely past and bright future. 裡面有些 Javascript 發展史,蠻有趣的,分享給大家看看。18 年前由 Netscape 和 Sun 共同 Release Javscript,在當年18天後,Ruby 也同時發佈了,底下來看看 Javscript 歷史演進。

[Read More]

Firefox OS Developer Preview Phone 簡介

上次提到今年 Firefox 將會舉辦 2013 Firefox OS App Days,這次看到 mozilla hacks 提到一篇: Announcing the Firefox OS Developer Preview Phone!,Firefox OS 是新一代的作業系統,跟 Android 或 IOS 比較不同的地方就是,你可以用 HTML5 可以做到手機的任何事情,包括讓手機振動,傳簡訊,或者是撥打電話,我想這是 iOS 或者是 Android 是無法做到的,該篇還提到 Firefox Phone 硬體規格: CPU Qualcomm Snapdragon S1 1Ghz UMTS 2100/1900/900 (3G HSPA) GSM 850/900/1800/1900 (2G EDGE) Screen 3.5″ HVGA Multitouch 3 MP Camera 4GB ROM, 512 MB RAM MicroSD, Wifi N, Light and proxmity Sensor, G-Sensor, GPS, MicroUSB 1580 mAh battery Over the air updates Unlocked, add your own SIM card 如果想開始設計 App for Firefox OS 可以參考這篇,另外文章有提到如果你要試試看 Firefox OS + 自己開發的 App,可以透過底下方式: 1. [Read More]

2013 Firefox OS App Days

firefox-phone
今天看到一則消息,就是

Firefox OS 在明年一月會舉辦全球性的 Firefox OS App Days,台灣部份也會在 2013/01/26 進行,地點也就在台灣 Mozilla 台北辦公室,這次的活動主要的目的是讓其他程式開發者可以瞭解如何開發 HTML5 apps 以及將 apps 提交到 Firefox Marketplace,並且可能會有一些機會讓開發者可以發表自行開發的 apps,另外還有一個重點就是會詳細介紹 Firefox OS 的生態消息,個人非常期待 Firefox OS 正式 Release,以及 App Marketplace 平台,是否可以跟 AppleAndroid 平起平坐,如果想多瞭解 Firefox OS 可以參考 Wiki 平台,一月的活動也算是 Hack Day,參考 FirefoxAppDays 裡面的活動介紹。

Web Developer Tools in FireFox 10

在美國時間 2012/01/31 FireFox 發佈 10.0 版本,大家可以參考 Release Note,其實對於網頁程式設計師最大的福音就是 Firefox 內建 Web Develop Tool,以後不必在安裝 FireBug Addon,就可以任意查詢網頁 Element 功能,大家可以參考底下 Mozilla 所製作的影片以及快速瀏覽 CSS properties。 不多說了看完影片直接打開 FireFox,按下快捷鍵 Ctrl+Shift+I 就可以開始嘗試 Firfox 內建 Web Develop Tool。 Ref: Firefox 10 tooling closes in on Firebug Firefox Adds Powerful New Developer Tools

如何使用 PPA 升級 Ubunut Firefox 瀏覽器到 4.0

FireFox_4_about 作者目前使用 Ubuntu 10.10 (maverick) 桌面環境,也是台灣 MozTW 成員之一,這次 FireFox 4.0 Release 介面有些改變,使用上來也非常順手,記憶體好像吃的比較少了?(有待商榷),現在就來升級 FireFox 吧,兩種升級方式,如果不熟悉 Command Line 就用 GUI 升級,另一種升級方式就是用 apt-get upgrade 啦。 如果用 Windows 請到這裡下載

利用 GUI 介面升級 (Install firefox 4 using GUI) 我的環境是英文,所以底下寫的是英文安裝方式: 按照底下步驟進行

Applications > Ubuntu Software Center > Edit > Software Sources 
之後點選 "Other Software" 選擇左下角 "Add" 按鈕,接著把底下文字輸入
ppa:mozillateam/firefox-stable
最後到底下升級,就可以開始使用 FireFox 4 了
System > Administration > Update Manager

文字介面升級 (Install firefox 4 using terminal) 只要鍵入三行指令即可

$ sudo add-apt-repository ppa:mozillateam/firefox-stable
$ sudo apt-get update
$ sudo apt-get upgrade
沒圖沒真相啦,底下附上桌面截圖

firefox_4 Reference: How to install firefox 4 in ubuntu using PPA Firefox 4 正式版現已推出,帶給您更棒的網路體驗

[PHP] 好用 Debug PHP 工具 FirePHP for FireFox on CodeIgniter

之前介紹過 javascript FireFox Debug 工具 FireBug (Using firebug for firefox 除錯 javascript),今天來介紹 PHP 除錯工具 FirePHP,它可以輸出 PHP 資料到 FireBug console 介面,方便解決 PHP 相關問題,而不會去影響線上網站的畫面,安裝方式非常簡單,請先安裝 FireFox addon for FirePHP,重新啟動 FireFox 這樣就安裝成功了,接下來就是 include FirePHP Library 檔案,就可以正常使用了。另外還會介紹如何安裝到 CodeIgniter PHP Framework Firebug: https://addons.mozilla.org/en-US/firefox/addon/1843 FirePHP: https://addons.mozilla.org/en-US/firefox/addon/6149 底下先看畫面: $array = array("a" = "1", "b" = "2"); $firephp-info($array, "info"); $firephp-warn($array, "warn"); $firephp-error($array, "error"); Install FirePHP 安裝 Ref : http://www.firephp.org/HQ/Install.htm 在 Zend Framework 已經有開發完成,可以參考:FirePHP and Zend Framework 1.6 下載檔案:Download FirePHPCore library version 0. [Read More]

使用 CSS 排版製作網站

國立中正大學--經濟系含國際經濟研究所--第十屆全國實證經濟學論文研討會--首頁_1236772280180 (by appleboy46) 今天下午都在研究網站 CSS 的排版跟製作,在現在 Web 2.0 的時代,很多入口網站全部都改換成 CSS 來排版,取代掉原本的 Table 表格,這算是相當重大的改變,一來對於維護網站會相當方便,二來就是省下很多頻寬資源,大型入口網站:Yahoo痞客幫 首頁全部都利用 CSS Div 的方式下去排版,當然一些基本的 CSS 觀念要有,這樣就很好學習了,CSS 排版觀念:CSS 盒子模式{.nav}、CSS 浮動 (Float),可以參考 CSS 語法教學 這裡,這個網站寫的相當簡單,可以當作入門網站,順手就把之前幫學校做的一個網站:國立中正大學::第十屆全國實證經濟學論文研討會 全部換成 CSS,也通過 無障礙 A+ 程式驗證。

[Read More]

[FireFox] 安裝 google toolbar 使用 chrome Start page

darkhero 的 blog 發現了這篇 讓Firefox也有Chrome的StartPage,用起來發現還不錯,會記憶妳上過的網站,截圖放在首頁喔,那安裝方法很容易啦,就是 FireFoxGoogle Toolbar,非常方便。利用 Ctrl + T 就可以看到分頁功能了。

檢視您最常造訪的網站: 只要開啟新分頁即可檢視您最常造訪的網站。 畫面如下: google toolbar home page (by appleboy46)

[WWW] firefox and IE 的 greasemonkey

最近發現這種新玩意,那就是猴子外掛 Greasemonkey,這一套我在 FireFox 有找到,用起來還不錯,可是一些 for ie 的網站,就使用不到了,所以我又另外去找了 Greasemonkey for ie 的版本,不過 for ie 的版本有兩套,一套是我想要,另一套我測試起來不是我想要的。 先介紹 for ie 的 Greasemonkey,總共有兩套 1.gm4ie 這一套了,其實相當不錯,不過有一個缺點,就是如果你的網站是用 iframe 做的化,他必需要重新 reload 整個網站,才會有作用,所以我並不打算用這套,不然他還是蠻方便的 2.Trixie 這個,就有符合到我的要求了,不過他在設定上面格式都要先寫好

// ==UserScript==
// @name          Server2
// @description	  .
// @namespace     http://musicplayer.sourceforge.net/greasemonkey
// @include       http://xxxxxxxxx/index2/main_down.php*
// @include       http://xxxxxxxxx/index2/main_down.php*
所有套用的網站,都要寫在 // @include 這個裡面才會有作用,然後在用 ie alt+t +x 就可以更改 reload 設定了 3.

Greasemonkey :: Firefox Add-ons FireFox 的部份,這個外掛裝好,你在啟動他的時候,會要求你選擇編輯 js 的軟體,請務必選 notepad.exe ,不然你選擇其他程式,你就會編輯不到檔案,那他檔案的放置位置如下 C:\Documents and Settings\你的帳號\Application Data\Mozilla\Firefox\Profiles\qvq3wzwh.default\gm_scripts