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

5 Like 0 留言 4746 瀏覽

鐵人賽其他技術 DAY 19

快寫HTML靜態網頁系列第 16 篇

技術快速建立靜態網頁blog的工具：Jekyll

如果希望在自己的機器裡，建立靜態網頁的blog，Jekyll是快速又功能強大的選擇。安裝及最簡單的使用相較於前幾篇所介紹的，因為功能強大，安裝時所要的套...

逮丸逮丸 ‧ 2013-10-04

5 Like 3 留言 6240 瀏覽

鐵人賽開發技術 DAY 19

ASP.NET Web技術小技巧分享系列第 16 篇

技術 [Javascript]knockout.js - 資料處理-清單呈現方式

在第一篇有提到如果你的Web應用主要再處理一些CRUD，那很適合用knockout.js來實現MVVM架構，後續介紹了屬性、事件的控制，這篇就要來介紹在knoc...

Kyle Shen ‧ 2013-10-04

6 Like 1 留言 2304 瀏覽

鐵人賽開發技術 DAY 19

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 18 篇

技術 Day19 Split App (分割應用程式) 檔案目錄結構介紹

Split App 分割應用程式有別於之前一直練習的空白應用程式。因為Split App 具有完整的導航模式，從起始畫面之後，可以讓你一步一步的進到下一層.....

yiying ‧ 2013-10-04

1 Like 0 留言 2206 瀏覽

鐵人賽其他技術 DAY 18

快寫HTML靜態網頁系列第 15 篇

技術使 nanoc 支援 HAML, Markdown 格式

既然用 nanoc 可以有效維護網頁，也試試怎樣讓 nanoc 支援 HAML 的格式。把layouts/ 裡面改副檔名而成為 default.ham，且...

逮丸逮丸 ‧ 2013-10-03

2 Like 0 留言 4059 瀏覽

鐵人賽開發技術 DAY 18

ASP.NET Web技術小技巧分享系列第 15 篇

技術 [Javascript]knockout.js - 事件處理

這篇要介紹一些寫Web常用的事件，在上面兩篇範例，我們已經有使用到click、checked…等等的事件，這篇主要將其他常用的事件做個介紹，並如何在knocko...

Kyle Shen ‧ 2013-10-03

1 Like 0 留言 3111 瀏覽

鐵人賽其他技術 DAY 17

快寫HTML靜態網頁系列第 14 篇

技術適用於個人blog到大企業網站的靜態網站產生器：nanoc

不同於stasis只是單純的轉換， nanoc 有較多的功能快速建立管理網頁。可執行的指令 nanoc 是 ruby 環境下的工具，只要執行 gem inst...

逮丸逮丸 ‧ 2013-10-02

3 Like 0 留言 4092 瀏覽

鐵人賽開發技術 DAY 16

ASP.NET Web技術小技巧分享系列第 13 篇

技術 [Javascript]knockout.js-初體驗

活在這代的程式設計師很幸福，網路資源非常多，且不管Server-Side或者是Client-Side的程式語言，已經越來越多的函式庫能使用，只要簡單的語法就能實...

Kyle Shen ‧ 2013-10-01

4 Like 1 留言 2249 瀏覽

鐵人賽其他技術 DAY 16

快寫HTML靜態網頁系列第 13 篇

技術 stasis 的即時更新功能

使用 stasis 產生靜態網頁，除了每更新HAML檔後，再執行編譯的方式之外，也提供了即時監測更新的方式。靜態網頁即時更新靜態網頁與動態網頁的區別，...

逮丸逮丸 ‧ 2013-10-01

3 Like 0 留言 1677 瀏覽

技術 [2]用MAN架構打造超人般的網頁應用程式:[課前準備]淺談HTML

在開始MAN架構的開發前需要先向大家介紹幾個目前前端開發上面會使用到的技術，這邊不會有太深的琢磨，因為小弟目前也在學習這些技術，所以有更好的見解也麻煩指導我一下...

blackie1019i ‧ 2013-10-01

4 Like 0 留言 3487 瀏覽

技術簡易的靜態網頁產生器：stasis

自行用指令產生靜態網頁可能會碰到的麻煩維護問題，可藉著靜態網頁產生器來簡化流程， stasis 是最簡易的方案。為何用 stasis 靜態網頁產生器有多種，...

逮丸逮丸 ‧ 2013-09-30

3 Like 0 留言 8040 瀏覽

技術 [ASP.NET MVC]如何設定Area底下的頁面為起始頁(網址路由Routing)

今天突然收到朋友的Line : 你知道怎麼把MVC Routing設定為Area底下的頁面嗎? 當下很帥氣的回覆：在Global底下Application St...

Kyle Shen ‧ 2013-09-30

3 Like 1 留言 7942 瀏覽

技術 [Jquery]搭配Jquery UI讓表單Email欄位自動完成

Jquery 最近寫到一個功能，為了要讓使用者快速建立表單，多半會有自動完成的功能，類似Google搜尋會跑出建議的選項點選所以在Email欄位，希望能讓使...

Kyle Shen ‧ 2013-09-29

2 Like 0 留言 2810 瀏覽

技術靜態網頁裡用Template Layout的簡易方法

到目前為止，快寫網頁是針對單一網頁的快寫方案，但實際的情況是常要維護多頁面，如何在維護頁面上也可以快寫，需借助有關template layout的方式進行...

逮丸逮丸 ‧ 2013-09-29

8 Like 1 留言 3891 瀏覽

技術 Day14 package.appxmanifest 檔，設定你的 Window 8 App

轉眼間已經到了第14天了，然後我也快沒梗了>>>> 感謝大家前13天的支持，這麼冷門的文章還有人捧場，實在太感動了... 今天要介紹的...

yiying ‧ 2013-09-29

11 Like 0 留言 4793 瀏覽

鐵人賽其他技術 DAY 12

快寫HTML靜態網頁系列第 12 篇

技術除了假文，也要有假圖來快速充版面

隨機假文有了，但也需要有點變化的假圖，好讓版面不會那麼單調。圖形常是版面的需要頁面的設計裡常需要有圖形的位置，臨時的圖片且符合所要的大小，成為常常的必...

逮丸逮丸 ‧ 2013-09-27

10 Like 1 留言 2144 瀏覽

鐵人賽開發技術 DAY 12

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 15 篇

技術 Day12 番外篇，想寫[F2E Star]企劃書...但沒寫完...

其實是因為今天有點累，不想開windows的電腦，所以想說寫點特別的，暫時不想碰code。結果因為太久沒碰文書軟體，哈哈，好像也沒比較輕鬆，抱歉了各位讀者&g...

yiying ‧ 2013-09-27

2 Like 0 留言 8579 瀏覽

鐵人賽其他技術 DAY 11

快寫HTML靜態網頁系列第 11 篇

技術塞假資料測試版面：Lorem Ipsum 假文的使用

要弄個網站跑的時候，常要自己來做簡單的頁面規畫，沒有資料的時候就亂貼一通來測試；但可以用更方便的方法。為何常見Lorem ipsum？為什麼好多的De...

逮丸逮丸 ‧ 2013-09-26

5 Like 1 留言 11084 瀏覽

鐵人賽開發技術 DAY 11

ASP.NET Web技術小技巧分享系列第 11 篇

技術 [JavaScript]透過Script直接設定列印邊界

今天要分享在前端直接設定列印邊界的程式，之前的需求是列印的數據要直接印在紙本報表上當然邊界的設定就很重要，故在列印前就用程式去指定以免使用者去動過設定，格式...

Kyle Shen ‧ 2013-09-26

8 Like 1 留言 2453 瀏覽

鐵人賽開發技術 DAY 11

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 14 篇

技術 Day11 實作 WinJS.UI.Rating

Rating其實是蠻單純的元件，但是呢，感覺重點會放在 JavaScript，不過今天不會講到 JavaScript 。 Rating 這個元件(或者應該說O...

yiying ‧ 2013-09-26

3 Like 1 留言 3687 瀏覽

鐵人賽其他技術 DAY 10

快寫HTML靜態網頁系列第 10 篇

技術用HAML寫HTML內容會遜掉？

許多的CMS或部落格平台，支援Markdown的格式，所以Markdown就是最佳寫HTML的快寫工具嗎？在 Haml Sucks for Content...

逮丸逮丸 ‧ 2013-09-25

1 Like 0 留言 5881 瀏覽

鐵人賽開發技術 DAY 10

ASP.NET Web技術小技巧分享系列第 10 篇

技術 [Html]Facebook分享連結卻與meta description不一致的情況

一個很蠢的小問題，卻糾纏了1個小時，做個小記錄不要再有人受害~ Facebook近況分享可以貼上影音連結、新聞、等其他外部網站，如下圖：而這些縮圖、標題、內...

Kyle Shen ‧ 2013-09-25

9 Like 1 留言 3839 瀏覽

鐵人賽開發技術 DAY 10

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 13 篇

技術 Day10 實作 WinJS.UI.ListView

今天要實作的UI是 ListView。 ListView可以讓你列出一系列的資料列表(這不是廢話嗎？XD)。關於 ListView 的做法與解釋，請參考 Wi...

yiying ‧ 2013-09-25

4 Like 1 留言 3208 瀏覽

鐵人賽其他技術 DAY 9

快寫HTML靜態網頁系列第 9 篇

技術更多的輕量標籤語言

本來想簡介有關另個標籤語言 Textile，但查看一些文章後，才驚覺大概有幾十種的輕量標籤語言。一堆輕量標籤語言在查詢Markdown與相關輕量語言比較時...

逮丸逮丸 ‧ 2013-09-24

4 Like 3 留言 14711 瀏覽

鐵人賽開發技術 DAY 9

ASP.NET Web技術小技巧分享系列第 9 篇

技術 [ASP.NET]將數字轉為圖片

前陣子內政部實價登錄網站http://lvr.land.moi.gov.tw/N11/homePage.action#，提供各縣市.地區的房價查詢因為房價透明...

Kyle Shen ‧ 2013-09-24

5 Like 2 留言 4508 瀏覽

鐵人賽其他技術 DAY 8

快寫HTML靜態網頁系列第 8 篇

技術 Markdown 另個輕量標籤語言

用輕量級的語法來寫HTML， Markdown也是許多線上發文裡，做為語言標示的工具的其中之一。解析markdown的工具不同的程式語言環境，有各自解析...

逮丸逮丸 ‧ 2013-09-23

6 Like 3 留言 2872 瀏覽

鐵人賽開發技術 DAY 8

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 11 篇

技術 Day8 實做WinJS.UI.AppBar

昨天介紹了 * 開啓一個 Blank App 專案 * 哪些檔案是要做什麼 * 開啓（執行）/ 關閉你的App 今天要做 AppBar應用程式列，準備好了嗎？...

yiying ‧ 2013-09-23

0 Like 0 留言 34120 瀏覽

鐵人賽開發技術 DAY 7

ASP.NET Web技術小技巧分享系列第 7 篇

技術 [Jquery]使用Cycle Plugin輕鬆做出輪播功能

Jquery 是一個Javascript的函示庫，基本上不用太多介紹，它變成Web Dveloper必備的技能之一套件多到每天逛也逛不完，今天要介紹最近工作有...

Kyle Shen ‧ 2013-09-22

6 Like 2 留言 10487 瀏覽

鐵人賽其他技術 DAY 7

快寫HTML靜態網頁系列第 7 篇

技術輕量的標籤語言 HAML

前幾篇有關快寫HTML的解決方案，都是聚焦在有哪些編輯器，可以快速寫HTML的方式。這些方式簡而言之，就是透過編輯器上辨識縮寫然後做擴展的動作達成。而...

逮丸逮丸 ‧ 2013-09-22

6 Like 2 留言 4354 瀏覽

鐵人賽開發技術 DAY 7

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 9 篇

技術 Day7 介紹空白應用程式 Blank App

以下，會先開始新專案，介紹一下資料夾的結構跟內容分別是做什麼的。透過建立『空白應用程式』（Microsoft Design Blank App），我們來建立一...

yiying ‧ 2013-09-22

3 Like 1 留言 10523 瀏覽

鐵人賽其他技術 DAY 6

快寫HTML靜態網頁系列第 6 篇

技術 vim裡用 snipmate 快寫HTML及程式碼

縮寫擴展的方式好像很好用，即然可以用在 HTML 上，也會有類似的機制用在寫程式上？ snipmate 可以加快寫碼的速度。安裝snipmate 要先安裝...

逮丸逮丸 ‧ 2013-09-21

技術 快速建立靜態網頁blog的工具：Jekyll