iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

12 Like 4 留言 5807 瀏覽

鐵人賽開發技術 DAY 16

東之宿_網站開發系列第 16 篇

技術東之宿_開發日誌-終(Twitter帳號登入-下)

今年是第一次報名「開發技術」這個組別，本來是想籍由自己開發網站的過程，作為內容，但等到真的開始撰寫時，發現...自己在「開發技術」這個領域，懂的太少，已經沒內...

SunAllen ‧ 2013-10-17

2 Like 1 留言 3091 瀏覽

鐵人賽開發技術 DAY 29

學習手機網站開發系列第 26 篇

技術 Bartender插件-Day 29

在Navbar導覽選單加入泡泡提示。這個插件可以在Navbar新增提示泡泡。 demo：http://www.stokkers.mobi/valuables/...

ramya ‧ 2013-10-17

3 Like 0 留言 3618 瀏覽

鐵人賽開發技術 DAY 28

學習手機網站開發系列第 25 篇

技術圖片換頁插件-Day 28

顯示左右箭頭，讓使用者可以往前或往後可以用來如(圖片顯示)會顯示左箭頭或右箭頭讓使用往前或往後。作法： →到http://filamentgroup.com...

ramya ‧ 2013-10-16

5 Like 1 留言 4411 瀏覽

鐵人賽開發技術 DAY 15

東之宿_網站開發系列第 15 篇

技術東之宿_開發日誌-16(Twitter帳號登入-上)

使用Twitter帳號登入網站，成為網站會員，最近在台灣使用的網站漸漸變多了，但在國外的網站，卻是很久前就很風行了。今天要向各位報告的是，使用Twitter帳...

SunAllen ‧ 2013-10-16

11 Like 2 留言 2581 瀏覽

鐵人賽開發技術 DAY 14

東之宿_網站開發系列第 14 篇

技術東之宿_開發日誌-15(版面設計軌跡-完)

另外一個很重要的，就是內容的分類，Mobile第一版的時候，太陽的分法是這樣。 Mobile版使用JqueryMobile開發，雖然省掉很多開發時間，但其實也...

SunAllen ‧ 2013-10-15

2 Like 0 留言 2709 瀏覽

鐵人賽開發技術 DAY 27

學習手機網站開發系列第 24 篇

技術 JQM內嵌(inline)清單&圖示清單-Day 27

將LIST和其他html內容在一起顯示。預設下通常list清單都會顯示全頁模式，下面作法是要將list和其他HTML內容混用，也可以達到多清單的樣式，每個ul...

ramya ‧ 2013-10-15

9 Like 1 留言 2645 瀏覽

鐵人賽開發技術 DAY 13

東之宿_網站開發系列第 13 篇

技術東之宿_開發日誌-14(版面設計軌跡-2)

既然要改，就是真的全改。目標只有一個，就是「一目了然」，但是要不難看。太陽在參考了幾十個國外旅遊站，以及旅行網頁模版後，設計出了兩欄式的版面，確認出雛型之後，...

SunAllen ‧ 2013-10-14

6 Like 0 留言 2886 瀏覽

鐵人賽開發技術 DAY 12

東之宿_網站開發系列第 12 篇

技術東之宿_開發日誌-13(版面設計軌跡-1)

謝謝Joseph Chung 謝謝那些在太陽這個年紀，還願意提醒太陽該注意什麼、該改善什麼的人。太陽的想法很單純，他總認為...任何事情都不是難在怎麼做，而...

SunAllen ‧ 2013-10-13

1 Like 1 留言 5147 瀏覽

鐵人賽開發技術 DAY 25

學習手機網站開發系列第 22 篇

技術 JQuery Mobile頁尾狀態續存-Day 25

同時使用Navbars和續存頁尾時，讓Navbars可以維護所選狀態。同時使用Navbars和續存頁尾時，讓Navbars可以維護所選狀態，通常在頁面轉換時頁...

ramya ‧ 2013-10-13

6 Like 2 留言 6992 瀏覽

鐵人賽開發技術 DAY 11

東之宿_網站開發系列第 11 篇

技術東之宿_開發日誌-12(Google MAP 距離計算-下)

最後將計算出的距離，轉化為公里，得到想要的結果。太陽想到將JavaScript取得的經緯度值，傳送到PHP的方法是...POST。 1.一開始的時候，載入G...

SunAllen ‧ 2013-10-12

8 Like 2 留言 6485 瀏覽

鐵人賽開發技術 DAY 10

東之宿_網站開發系列第 10 篇

技術東之宿_開發日誌-11(Google MAP 距離計算-上)

「計算距離」和「我附近的...」的功能太陽設計出來的程序如下：這當中困擾太陽最久的就是，怎麼讓從JavaScript取得的Current座標，送到PHP。...

SunAllen ‧ 2013-10-11

4 Like 0 留言 4527 瀏覽

鐵人賽開發技術 DAY 22

學習手機網站開發系列第 19 篇

技術 JQuery Mobile彈跳清單-Day 22

JQuery Mobile清單以彈跳視窗樣式彈出。清單選項也可以做一個彈跳清單，點選清單出現相關選項清單，供使用者挑選。作法： ●在<select&g...

ramya ‧ 2013-10-10

5 Like 2 留言 8111 瀏覽

鐵人賽開發技術 DAY 9

東之宿_網站開發系列第 9 篇

技術東之宿_開發日誌-10(Google MAP 路線規劃)

定點靜態路線規劃，是許多旅人在旅行前會透過Google map做的事情，透過Google map算出兩個定點的距離和路線規劃。使用這個功能時，瀏覽器內會詢問...

SunAllen ‧ 2013-10-10

3 Like 1 留言 2666 瀏覽

鐵人賽開發技術 DAY 21

學習手機網站開發系列第 18 篇

技術日期欄位、文字訊息-Day 21

HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援，而JQuery Mobile也支援html5，所以直接指定input元素類型...

ramya ‧ 2013-10-09

5 Like 1 留言 5401 瀏覽

鐵人賽開發技術 DAY 8

東之宿_網站開發系列第 8 篇

技術東之宿_開發日誌-9(Google MAP Basic)

參考了國外的旅遊網站後，太陽決定要將Desktop版和Mobile版分開的主要原因就是...雖然是同樣的內容，但應該要有不同的功能和呈現，主要的差別是在於，操...

SunAllen ‧ 2013-10-09

2 Like 0 留言 3039 瀏覽

鐵人賽開發技術 DAY 20

學習手機網站開發系列第 17 篇

技術 JQuery Mobile 文字欄位-Day 20

文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項，以下是可用的文字輸入欄位 <input ty...

ramya ‧ 2013-10-08

9 Like 2 留言 5469 瀏覽

鐵人賽開發技術 DAY 7

東之宿_網站開發系列第 7 篇

技術東之宿_開發日誌-8(Bootstrap 初試)

但對於一個戶頭裏的數字，是要用來繳房租和顧三餐的太陽來說，他選擇Bootstrap的原因，除了沒有人會發薪水給他，讓他練經驗外，他也沒有時間，可以從頭開始學C...

SunAllen ‧ 2013-10-08

3 Like 1 留言 5528 瀏覽

鐵人賽開發技術 DAY 19

學習手機網站開發系列第 16 篇

技術 JQuery Mobile 動態新增按鈕-Day 19

動態按鈕的運用，新增按鈕、禁止使用按鈕、啟用按鈕介紹。 1.事件語法—按下新增按鈕後，新增一個按鈕 $("#b1").bind('click...

ramya ‧ 2013-10-07

2 Like 0 留言 4646 瀏覽

鐵人賽開發技術 DAY 18

學習手機網站開發系列第 15 篇

技術 JQuery Mobile 彈出視窗-Day18

JQuery Mobile的彈出視窗如何設定使用彈出視窗：設置alert dialog 给標籤設定data-role="dialog"...

ramya ‧ 2013-10-06

8 Like 1 留言 5504 瀏覽

鐵人賽開發技術 DAY 5

東之宿_網站開發系列第 5 篇

技術東之宿_開發日誌-6(Jquery Moile & PhoneGAP 下)

要使用PhoneGap，需先將開發環境準備好(如有描述錯誤，還請各位先進，盡量糾正太陽，謝謝。) 準備測試之前，可以先新增一個資料夾，做為Android De...

SunAllen ‧ 2013-10-06

2 Like 0 留言 2755 瀏覽

鐵人賽開發技術 DAY 17

學習手機網站開發系列第 14 篇

技術 JQuery Mobile較重要事件-Day 17

介紹幾個比較重要事件 1.mobileinit：可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...

ramya ‧ 2013-10-05

7 Like 3 留言 3785 瀏覽

鐵人賽開發技術 DAY 4

東之宿_網站開發系列第 4 篇

技術東之宿-開發日誌-5(Jquery Moile & PhoneGAP 上)

要使用PhoneGap，需先將開發環境準備好(如有描述錯誤，還請各位先進，盡量糾正太陽，謝謝。) 太陽之前聽說PhoneGap能將網站包裝成多種APP的樣子，...

SunAllen ‧ 2013-10-05

3 Like 1 留言 4519 瀏覽

鐵人賽開發技術 DAY 16

學習手機網站開發系列第 13 篇

技術 JQuery Mobile日期選擇插件(DateBox)-Day 16

多種日期、時間ui介面可以在官網：http://dev.jtsage.com/jQM-DateBox/選擇下載URL：http://dev.jtsage.c...

ramya ‧ 2013-10-04

8 Like 2 留言 2207 瀏覽

鐵人賽開發技術 DAY 3

東之宿_網站開發系列第 3 篇

技術東之宿_開發日誌-4(JQM&Google AD)

太陽之前想過，在Mobile版置入Google Adsense(Google 廣告)，不過這個念頭，在他實作後隨即打消，因為那個畫面讓他難以接受。要在網頁中...

SunAllen ‧ 2013-10-04

1 Like 0 留言 11430 瀏覽

鐵人賽開發技術 DAY 15

學習手機網站開發系列第 12 篇

技術 JQuery Mobile 滑動換頁效果 -Day 15

利用手機滑動切換顯示內容。下面分享滑動切換內容效果運用 ●html內容： ●利用JQuery Mobile swipe事件 $function(){...

ramya ‧ 2013-10-03

8 Like 3 留言 4184 瀏覽

鐵人賽開發技術 DAY 2

東之宿_網站開發系列第 2 篇

技術東之宿_開發日誌-3(Jquery Mobile)

如果可以，最好不要用雙核以上的智慧型手機，用雙核以上的智慧型手機，測試寫好的JQM網頁顯示速度，可能比較沒有參考價值，因為並不是所有人的智慧型手機，都是雙核以上...

SunAllen ‧ 2013-10-03

2 Like 1 留言 4289 瀏覽

鐵人賽開發技術 DAY 14

學習手機網站開發系列第 11 篇

技術利用ThemeRoller 工具自訂主題樣式- Day 14

下面介紹利用ThemeRoller修改清單、元件主題。如果想修改清單、元件的顏色、字體大小主題修改可以利用官網ThemeRoller工具直接改套用。 ●先進入...

ramya ‧ 2013-10-02

7 Like 1 留言 4220 瀏覽

鐵人賽開發技術 DAY 1

東之宿_網站開發系列第 1 篇

技術東之宿_開發日誌-2(Jquery Mobile)

一開始，太陽用了Jquery Mobile做為手機版的開發平台。對太陽來說，使用這個開發平台的好處是，他只需要開發一次，就可達到跨平台、跨不同Smart P...

SunAllen ‧ 2013-10-02

4 Like 1 留言 4246 瀏覽

鐵人賽開發技術 DAY 13

學習手機網站開發系列第 10 篇

技術 JQM開發要注意事項-Day 13

JQuery Mobile在使用上有哪些需要注意的地方 ●Javascript使用須知： 1.jQuery Mobile是採用ajax方式運作，除了第一次loa...

ramya ‧ 2013-10-01

2 Like 1 留言 2626 瀏覽

技術 JQuery Mobile 事件-Day 12

jquery mobile事件 ●pageinit：頁面初始是針對每個data-role=”page”去做，每讀取一個page就會在重新讀取。 →作法：$(‘#...

ramya ‧ 2013-09-30

技術 東之宿_開發日誌-終(Twitter帳號登入-下)

技術 Bartender插件-Day 29

技術 圖片換頁插件-Day 28

技術 東之宿_開發日誌-16(Twitter帳號登入-上)

技術 東之宿_開發日誌-15(版面設計軌跡-完)

技術 JQM內嵌(inline)清單&圖示清單-Day 27

技術 東之宿_開發日誌-14(版面設計軌跡-2)

技術 東之宿_開發日誌-13(版面設計軌跡-1)

技術 JQuery Mobile頁尾狀態續存-Day 25

技術 東之宿_開發日誌-12(Google MAP 距離計算-下)

技術 東之宿_開發日誌-11(Google MAP 距離計算-上)