iT邦幫忙

html相關文章
共有 441 則文章
鐵人賽 開發技術 DAY 23

達標好文 技術 [ASP.NET]使用JQuery來傳遞JSON字串

最近又寫回Webform,但跟以前不一樣的事,很多時候我已經捨去掉那些控制項,也不再使用Update Panel,主要是因為不想再使用那肥大的ViewState...

鐵人賽 其他技術 DAY 22
快寫HTML靜態網頁 系列 第 19

技術 用 ez-css 輕量框架快速佈局

如果只需要大區塊的網頁佈局, EZ-CSS是既輕量, 又提供一些常用的例子可立即使用。 早期的網頁佈局常是用 table 的HTML元件來進行, 而用 tab...

鐵人賽 開發技術 DAY 21

技術 Day21 Windows 8 App 的生命週期

(此圖翻繪自 http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx) Win...

鐵人賽 其他技術 DAY 21
快寫HTML靜態網頁 系列 第 18

技術 利用 CSS 框架加速HTML的佈局及美化

前2/3的篇幅是介紹快寫HTML的語法、工具, 以及能夠像動態網頁似地快速更新網頁的靜態網頁產生器。 接下來介紹如何快速安排網頁元素的佈局及美化。 一片空白的...

鐵人賽 其他技術 DAY 20
快寫HTML靜態網頁 系列 第 17

技術 為何及如何選擇靜態網頁產生器

前幾篇簡介了靜態網頁產生器的使用, 事實上不限於這幾種, 而有更多的產生器可選擇。 為何用靜態網頁產生器 怎麼架個自己的站, 一開始只是有個web 網站, 提供...

鐵人賽 其他技術 DAY 19
快寫HTML靜態網頁 系列 第 16

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

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

鐵人賽 開發技術 DAY 19

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

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

鐵人賽 開發技術 DAY 19

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

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

鐵人賽 其他技術 DAY 18
快寫HTML靜態網頁 系列 第 15

技術 使 nanoc 支援 HAML, Markdown 格式

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

鐵人賽 開發技術 DAY 18

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

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

鐵人賽 其他技術 DAY 17
快寫HTML靜態網頁 系列 第 14

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

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

鐵人賽 開發技術 DAY 16

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

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

鐵人賽 其他技術 DAY 16
快寫HTML靜態網頁 系列 第 13

技術 stasis 的即時更新功能

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 其他技術 DAY 12
快寫HTML靜態網頁 系列 第 12

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

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

鐵人賽 開發技術 DAY 12

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

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

鐵人賽 其他技術 DAY 11
快寫HTML靜態網頁 系列 第 11

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

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

鐵人賽 開發技術 DAY 11

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

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

鐵人賽 開發技術 DAY 11

技術 Day11 實作 WinJS.UI.Rating

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

鐵人賽 其他技術 DAY 10
快寫HTML靜態網頁 系列 第 10

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

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

鐵人賽 開發技術 DAY 10

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

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

鐵人賽 開發技術 DAY 10

技術 Day10 實作 WinJS.UI.ListView

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

鐵人賽 其他技術 DAY 9
快寫HTML靜態網頁 系列 第 9

技術 更多的輕量標籤語言

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

鐵人賽 開發技術 DAY 9

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

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

鐵人賽 其他技術 DAY 8
快寫HTML靜態網頁 系列 第 8

技術 Markdown 另個輕量標籤語言

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