CSS設計規範[3]-id與class的選用時機
CSS Layout設計規範, 經驗交流
- 21 3 月
- admin
- 0 Comments
一般我們只有在區塊和表單欄位才會用id,其餘一律用class。雖然class沒有像id那樣的優點可以使用,但是他有一項id所沒有的優點:一個區塊可同時有多個不同的class。最常見多個class的情況是清除浮動,再加上CSS Sprites的背景圖。class的順序並不會影響到樣式的權重,所以完全取決於你CSS的權重,如果權重一樣,則最後寫的會蓋掉前面的。 Read More
CSS設計規範[2]-區塊命名
CSS Layout設計規範, 經驗交流
- 16 3 月
- admin
- 0 Comments
在撰寫CSS樣式時,我們會用來當區塊的組件,會給他一個id名作為識別,一方面利用id的unique特性,使我們維護上能更快速的找到這個區塊,一方面是可以增加這個區塊的具體值,讓其他的css不會相互影響到。其他在id區塊裡面的或是分散在各個頁面的,我們就用class來命名,在id區塊裡我們會常用到content、article…等的class;分散在各個頁面的則像是pager等等。 Read More
善用 ORDER BY 位置順序編號
DB資料庫
- 16 3 月
- admin
- 0 Comments
當 UNION ALL 匯集好幾個查詢語句,而偏偏要用來排序的欄位,在各查詢語句中的欄位名又不一致時,這時 ORDER BY 查詢結果中某一個欄位的位置順序編號,就很好用 Read More
HAPPYHAIR Fashion News
成功案例
- 11 3 月
- admin
- 0 Comments
HAPPY HAIR Fashion News時尚電子報採用eSender優先達電子報平台發送,快速、穩定、操作簡便,輕鬆滿足對時尚訊息有高度需求的會員朋友!帶給你健康、時尚的完美造型新感受。 Read More
JavaScript 物件屬性存取技巧
Web UI 用戶端技術(Front-End)
- 11 3 月
- admin
- 0 Comments
JavaScript 物件屬性存取,一般會使用 objectName.propertyName 的寫法,但有些特別的屬性名稱,例如數字開頭、或 dash 開頭、或屬性名包含 dash 等名稱,礙於語法限制,就不用能直接用 objectName.propertyName 的寫法,而要改成 objectName['propertyName'] 的寫法... Read More
CSS設計規範[1]-樣式術語與CSS目錄索引
CSS Layout設計規範, 經驗交流
- 07 3 月
- admin
- 0 Comments
為了能夠迅速的瞭解整個css的結構,我們會在每一支css前面加上Table of Contents,並依照樣式的階層做成樹狀結構的目錄,如果底下還有分支的,就在前方加個”+”,底下沒有分支的,就在前方加個”=”,這樣可以讓整個結構更清楚,也有助於我們搜尋。以下是table of contents的例子。 Read More
PHP htmlspecialchars() vs strip_tags() 使用注意事項
Web Server伺服端技術, 經驗交流
- 04 3 月
- admin
- 0 Comments
PHP 裡有 htmlspecialchars() 及 strip_tags(),這兩個函式用途很像,都是在作 HTML 輸出消毒,但這兩者還是有一點點不同,可以這麼來理解它... Read More
Balsamiq Mockups-手繪風格的wireframe繪製軟體
經驗交流, 網站經營與製作
- 03 3 月
- admin
- 0 Comments
Balsamiq Mockups整體而言,簡便好操作適合用來畫Layout的軟體,適合用來繪製架構較不複雜的網站或初期的概念提案,雖然是需要付費的軟體,有7天的試用期,而且註冊費用也僅需要79美元,算是挺便宜的! Read More
避免 TinyMCE 必填檢查要送交兩次才正確的解法
Web UI 用戶端技術(Front-End)
- 03 3 月
- admin
- 0 Comments
避免 TinyMCE 必填檢查要送交兩次才正確的解法,在檢查前先呼叫 tinyMCE.triggerSave( Read More
PHP mysql_real_escape_string() 使用注意事項
Web Server伺服端技術, 經驗交流
- 02 3 月
- admin
- 0 Comments
在 DBMS 為 MySQL 時,要留意 mysql_real_escape_string() 的使用時機,要先確保產生 DB 連線資源後,才能正確使用,不然可能會產生空值。 Read More