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

大家還在為了測試不同 IE 版本而安裝虛擬機器 VirtulBox 或 VMware 嗎？現在不必這麼麻煩了，可以到 modern.IE 直接測試 IE6/7/8/9/10 任何版本，或者是檢查網頁相容性以及 coding practices。

Read Full Post »

上次提到今年 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, [...]

Read Full Post »

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

Read Full Post »

在美國時間 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

Read Full Post »

作者目前使用 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 了 [...]

Read Full Post »

之前介紹過 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 [...]

Read Full Post »

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

Read Full Post »

在 darkhero 的 blog 發現了這篇 讓Firefox也有Chrome的StartPage，用起來發現還不錯，會記憶妳上過的網站，截圖放在首頁喔，那安裝方法很容易啦，就是 FireFox 的 Google Toolbar，非常方便。利用 Ctrl + T 就可以看到分頁功能了。 檢視您最常造訪的網站： 只要開啟新分頁即可檢視您最常造訪的網站。 畫面如下：

Read Full Post »

最近發現這種新玩意，那就是猴子外掛 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     [...]

Read Full Post »