Drupal 7版型開發(theming)與Drupal 6的不同(下)
所有模版的標題都具有前置字與後置字變數
Drupal 7樣版都具備兩個新的標準變數：$title_prefix 及 $title_suffix。
這兩個變數內放的是想要被呈現在個別的標題前或後的輸出內容，可作為contextual links之用，像是讓具有某種權限的使用者可以看到一些特別的連結出現在標題上面或下面。
在node.tpl.php內局部的(Granular)展示$content 資訊
現在不需要像使用Drupal 6的$content時，要先做處理才能分隔$content的輸出。在Drupal 7使用 print render($content) 等同於在 Drupal 6的 print $content，不過當您想輸出部份的內容，像是link，在Drupal 7可以用 print render(content['links'])取得。
使用方式可以參考一下 node.tpl.php內的程式碼： 閱讀全文
相關文章
鑽石、訂製鑽戒的線上之戰：eBay, 藍色尼羅河(Blue Nile), 九鑽網
eBay鑽戒設計比賽
線上拍賣的知名品牌eBay最近舉辦了「打造你的閃亮鑽戒」(Build Your Bling)比賽活動，讓參賽者設計專屬的鑽戒，並藉由這次的活動正式宣告eBay也開始進軍鑽石的線上零售戰場。這次比賽的優勝者將獲得Gemstoneking公司贈送設計者所設計的戒指，預計價格超過25000美金。
參與者二月19號前要完成並送出自己的設計，其他的eBay使用者將進行最佳設計的投票來選出優勝者，二月26日公佈比賽結果。這樣的訊息告訴我們，鑽石的線上銷售又將進入一個全新的世代! 閱讀全文
相關文章
如何用電腦看模擬手機上網的網站？
這是今天一位朋友突然問我的一個問題，其實有很多種simulator，但可能要先安裝特定的手機OS模擬器，才能使用它內建的browser吧，因為我的經驗也不是非常多，我只接觸過windows mobile，但一下要搞到wm的模擬器，其實也很麻煩，又非常大。 閱讀全文
相關文章
Google Closure工具:Google的javascript工具組
全球數百萬的Google用戶每天都使用Google提供的Gmail, Google Docs及Google Maps等便利的服務，這些服務都大量使用javascript應用，也能由此看出Google對javascript-based apps的重視程度。最近Google更提供了一組開發javascript的工具組，讓全球的開發者能更輕鬆的開發殺手級的javascript apps，這組工具分別是：Closure Compiler, Closure Library及Closure Templates，可視為分別針對javascript程式碼優化、框架、樣版引擎所提出的解決方案。
Closure Compiler 提供三種優化javascript程式碼的方式，分別是Serive UI, API, Application等，而優化的方式可以透過不同的設定來進行，可以幫你把javascript程式排得整整齊齊，也能用很「極端」的方式，幫你把無用的函式或冗詞精簡，建議在寫完javascript code後可以來compie一下。Service UI的形式是我個人覺得最方便的，因為它就是一個網頁的表單，設定一下就會跑出結果。如下圖，左邊是compile前的設定，右邊則是compile後的優化成果)，Closure Compiler Service UI的官方教學文請見這裡。 閱讀全文
相關文章
使用javascript (或jQuery)對SEO影響的迷思
[圖片來源:blog.sharkspace.com]
最近遇到想做SEO的客戶，因為該客戶現有的網站選單，主要以Flash製作，觀看網站的原始碼就很容易了解spider應該很難分析全站的架構。不過因為該站經營三、四年了，除了要修改選單為適合SEO的方式，我想最好也要保持選單與視覺設計的一致性，除了不要破壞視覺識別，也希望讓操作性的影響降到最低。
閱讀全文
相關文章
jQuery外掛-EZJax讓你輕鬆使用AJAX載入動態內容!
其實jQuery本身透過.load函式就簡化了非常多傳統統AJAX的使用步驟，而EZJax外掛更加簡化，讓幾乎不懂AJAX原理與細節的人也能很容易的達成動態載入內容的功能，除了有助於搜尋引擎最佳化(SEO)外，在載入內容時也能安排一些滑動或漸入漸出的特效。
另外根據官網的說明，此外掛支援 IE6以上, FireFox, Safari, 及 Opera。先到EZJax官網下載EZJax，然後就開始試用吧!
要使用EZJax外掛，首先當然是載入EZJax：
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ezjax.js"></script>
下一步就是呼叫ezjax，進行初始化，然後就可以用囉：
$(document).ready(function(){<br /> $('.ezjax').ezjax();<br />});
接下來的code，就是動態載入123.html的內容到指定的區域，首先放一個class為ezjax的連結：
<a class="ezjax" href="http://www.blogger.com/123.html">載入</a>
我們希望點下連結後，會動態載入另一個頁面的內容，在想要秀出內容的地方放一個id為ezjax_content的div標籤就大功告成了：
<div id="ezjax_content"></div>
相關文章
判斷偵測是不是IE6，並提示用戶升級
萬惡的IE6，一直是網頁設計人員心中的痛，雖然有很多workaround的方法，但我覺得直接判斷網頁是不是IE6比較直接有效，如果是IE6，看要秀支援的語法還是頁面、升級連結等，或者乾脆就恐赫IE6用戶，再不升級IE，電腦會直接下載病毒好了…XD
以下是javascript的偵測語法：
if(window.XMLHttpRequest){ //Mozilla, Safari, IE7
if(!window.ActiveXObject){ // Mozilla, Safari,
alert('Mozilla, Safari');
}else{
alert('IE7');
}
}else {
alert('IE6');
}
再加一個，可以提示IE6用戶下載其他瀏覽器吧:
<!–[if lte IE 6]> <div style="background-color:#AA1111; color:#ffffff; margin:5px 0 5px 0;padding:3px 10px 3px 10px;border-color:#F6F6F6; border-style:solid;border-width:2px;"> <p><font size="2"><strong>您好</strong>，系統判斷您的目前使用的瀏覽器版本太過老舊，且安全性不足。建議使用更快、更好用的瀏覽器！如： <a target="_blank" href="http://www.microsoft.com/taiwan/windows/internet-explorer/worldwide-sites.aspx">IE8.0</a>。 <a target="_blank" href="http://www.google.com/chrome?hl=zh-TW">Google 瀏覽器 </a> <a target="_blank" href="http://moztw.org/firefox/">Firefox</a> </font></p> </div> <![endif]–>
相關文章
jQuery – 為什麼我們需要簡單強大的javascript函式庫？
Javascript在十幾年前的地位，還僅只是個修飾網頁介面的工具箱，雖然它號稱是做給非程式人員用的，但這簡直就是鬼話。約十幾年前，我在學校正開始學習寫網頁時，javascript僅是用來作跑馬燈、連結選單(mouse移到選項上會彈出選單可是當時超炫的功能)、萬年曆、計算機…等等效果的語言。
最近javascript被炒紅，完全是因為Ajax(Asynchronous JavaScript And XML)的關係。那為什麼Ajax會紅，就是web 2.0被炒紅的關係，沒錯，這些事在達康泡沫後讓大家都超興奮的。Ajax會被炒紅，也跟google和yahoo推出的應用服務有相當大的關係，這兩大巨人使用Ajax技術，讓頁面靈活有彈性，帶給使用者深刻的印象，自然Ajax也紅了，相關應用也像雨後春筍一樣大量露出了。
不過Ajax不是新東西，它是由以Javascript為主配方加上DHTML + DOM + CSS + XMLHttp + XML拼湊出來的應用技巧，讓javascript不在局限在客戶端應用，硬是把javascript立即反應的效果，延伸到Server端，帶來全新的使用經驗。
網站應用的功能、架構趨於成熟，其實還不足以讓普遍的使用者喜歡上它，我們都知道關鍵在介面操作。使用者也許完全不清楚程式架構，他們根本不在乎你的程式版本、架構，他們重視的是介面操作的體驗 (當然前提是功能運作正確)。於是javascript又開始受到重視了。
Ajax走紅，讓javascript得以被重新檢視，各式各樣的javascript framework/library也陸續推出，其中比較有名的有prototype, jQuery, YUI…等。基於個人喜歡簡潔、輕量級的工具，我直覺先選擇了jQuery來學習。
那麼jQuery是用來幹嘛的呢？
從前從前，網頁的原始碼就像一盤義大利麵，那時MVC(Model, View, Control)模式架構還沒普及，HTML語法包括了結構、內容、外觀的定義，直到動態網頁問世，把內容部份取代為server page的語法，開始從外部資料來源提取內容。後來開始有人對HTML的結構不滿意，XML就出現了，接著XHTML開始普及。外觀的更新需求，則是出現了XSL、CSS等。尤其是CSS在近幾年部落格服務中被大量應用，知名度也愈來愈高。
CSS的選擇器(Selector)概念被廣泛接受，就代表會有愈來愈多人熟悉這種概念，於是這種概念就成為「好用的特性」後選人之一了。jQuery聰明的作法，就是加以利用選擇器概念，網頁設計師只要定義出視覺元素、區塊，再來要用jQuery做出什麼樣的視覺效果，就變得簡單了。
jQuery它是一個javascript的函式庫，所以可以預期的是我們只要帶上它(目前最新版1.3.2的jQuery，是一個50幾k的js檔)，就可以”簡單”的使用javascript，因為它幫我們把很多複雜的操作、判斷通通包裝成一個個簡單的函式了，有了現有的知識，jQuery就能大量簡化javascript的操作了。
