行動裝置版本的網頁，常常可以有個「選單」的按鈕在頁面左上角（或是右上角），非常方便好用。所以我上網找了個現成的來用，mmenu！這個外掛除了使用簡單之外，還有階層式的選單，相當好用。
Jquery Mobile 網頁的選單（menu）功能外掛 – mmenu
發佈留言
分類彙整: 網頁設計
innerHTML搭配jquery mobile的list view
用innerHTML把文字插入網頁中的功能很好用，但是如果是插在jquery mobile的list view裡面，因為多了一個div的標籤，list view就會不見，所以應該把id寫在ul的標籤裡，用+=的方式插入內容。
隨螢幕調整字型大小
在font-size的設定用vw或vh當單位，其中vw是相對畫面寬度，vh是相對畫面高度。
參考資料: css-tricks Viewport Sized Typography
但是手機的瀏覽器好像不支援？行動裝置好像要用em當單位，可是em當單位在一般瀏覽器好像又不行？
後來我在手機瀏覽模板的style.css檔裡面增加一個div的設定來解決。
讓首頁背景圖片符合視窗大小
每個訪客的畫面都不一樣大，為了讓背景圖片可以跟著縮放，可以在網頁裡加上這樣的語法。其中第一段是利用java script判斷訪客的畫面大小，第二段是用css調整背景圖片尺寸。
第一段，請加在script的標籤之間：
for (var i = 0; i < images.length; i++) {
var image = images[i],
width = String(image.currentStyle.width);
if (width.indexOf('%') == -1) {
continue;
}
image.origWidth = image.offsetWidth;
image.origHeight = image.offsetHeight;
imgCache.push(image);
c.ieAlpha(image);
image.style.width = width;
}
第二段，請加在style的標籤之間：
body {
background-image: url(welcome.jpg);
background-size: 100%;
}
資訊來源：http://stackoverflow.com/questions/376253/stretch-and-scale-css-background
藝術街網頁上的影像地圖
在台中東海藝術街的網站首頁加了影像地圖，一種是單純的影像地圖，另一種是可以移動放大縮小的影像地圖，附加自動判斷手持裝置和桌上型電腦的網頁程式語法。
東海藝術街網站首頁：首頁會自動判斷瀏覽設備的種類，進入下面網頁。
東海藝術街影像地圖手機板：用手指放大縮小地圖，圖中有編號的十個文創據點是可以點選的。
東海藝術街影像地圖桌機板：地圖可以用滑鼠滾輪放大縮小，有紅色指標的符號可以點選連結。
加菲貓漫畫網站手機、平板閱讀適用頁面製作 RSS與XML
前面（加菲貓漫畫 APP 程式製作與上架）提到，為了製作一個手機用的應用程式，引發了我認真寫一個手機和平板適用的網頁。這個網頁主要是以RSS*閱讀器為基礎，希望畫面能夠簡潔好用，然後讓手機應用程式來讀取。關鍵功能是由jquery mobile所提供。
2013.12.14更新：
上面兩個網址已經停止維護，新的加菲貓漫畫手機版瀏覽網頁
覆蓋頁面的對話框 – 利用 jquery, java scripts
想要在舊的部落格頁面上覆蓋一個半透明底的對話框，找到一個利用jquery和java scripts寫成的例子很簡單又好用。
原始來源：http://www.dynamicdrive.com/forums/showthread.php?t=56899
範例頁面：demo
網頁轉向（Redirect）的HTML語法
當網站搬家，或是網址變動之後，舊網頁上頭就需要加入轉向的語法，讓網友能夠進入新的網站。
閱讀全文
在網頁上分享PTT的文章
常常在PTT看到有趣的文章，可是用複製貼上又少了點原汁原味該怎麼辦呢？用PPT就對啦！
