03 三月網站經營與製作 | Comments

Balsamiq Mockups-手繪風格的wireframe繪製軟體

Balsamiq Mockups整體而言，簡便好操作適合用來畫Layout的軟體，適合用來繪製架構較不複雜的網站或初期的概念提案，雖然是需要付費的軟體，有7天的試用期，而且註冊費用也僅需要79美元，算是挺便宜的！

03 三月 Web UI 用戶端技術(Front-End) | Comments

避免 TinyMCE 必填檢查要送交兩次才正確的解法

避免 TinyMCE 必填檢查要送交兩次才正確的解法，在檢查前先呼叫 tinyMCE.triggerSave(); 程式碼： tinyMCE.triggerSave(); if ('' === $.trim($('#label').val())) { alert("【選項內容】欄位為必填欄位！"); return false; } 在處理這類問題時，也要留意 IE 的相容性問題 tinyMCE 編輯器欄位，在 IE 執行 focus() 時，會找不到指定控制項的問題。錯誤訊息如下：行: 2399 錯誤: 控制項不可見、未啟動或無法接受焦點，因此無法將焦點移到控制項上

02 三月 Web Server伺服端技術 | Comments

PHP mysql_real_escape_string() 使用注意事項

在 DBMS 為 MySQL 時，要留意 mysql_real_escape_string() 的使用時機，要先確保產生 DB 連線資源後，才能正確使用，不然可能會產生空值。

02 三月 Web Server伺服端技術 | Comments

PHP =& new 使用注意事項

注意 PHP 5.3 之後的版本，是已經建議廢棄 =& new 但不是所有情況的 =& 都不建議了，若原來為 =& new 則改為 = new 就好，若原來為 =& xxx::aa() 則可以不用更動

01 三月 CSS Layout設計規範 | Comments

檔案名稱規範

靜態頁面都是統一放在專案目錄底下，那要怎樣跟工程師來溝通檔案的歸類及檔名呢？所以在頁面檔名上，我們有一套命名的規則。命名規則分為四個部份：目錄名稱-主要名稱_屬性名稱(備註).副檔名。

25 二月 Web Server伺服端技術 | Comments

PHP urlencode() 使用注意事項

PHP 的 urlencode() 是針對參數值 vs htmlspecialchars() or htmlentities() 是針對整個 ? 後的查詢字串

23 二月 Web Server伺服端技術 | Comments

PHP 依資料用途進行消毒

想要開發安全的 Web 應用程式，最重要的是正確掌握資料的「用途」狀態。最重要的是，這些「用途」的資料，應明確加以區別，不要混淆使用，一定要明確配合「用途」進行轉換。

22 二月 CSS Layout設計規範 | Comments

CSS樣式架構[5] 頁面群組型 (Page)

各頁所屬的css所指的是content-main裡的css，每一頁的content-main都不盡相同，所以各頁都會再各別link自己專屬的css，這些css就都放在資料夾「c」或「css」底下的「page」裡。但注意並非新增一頁就增加一個css，而是要視該頁的屬性、群組或類別，來決定是否和其他頁共用，或獨立再新增一支新的css。例如會員登入前和登入後不用做2支css，只需一支login或member即可，會員新增和修改的頁面雖然有分好幾頁，但是都是共用同一支member.css即可。總之要以群組的角度來歸類頁面的樣式。

18 二月 Web UI 用戶端技術(Front-End) | Comments