iT邦幫忙

html相關文章
共有 874 則文章

技術 靜態網頁裡用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的工具 不同的程式語言環境, 有各自解析...

鐵人賽 開發技術 DAY 8

技術 Day8 實做WinJS.UI.AppBar

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

鐵人賽 開發技術 DAY 7

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

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

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

技術 輕量的標籤語言 HAML

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

鐵人賽 開發技術 DAY 7

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

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

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

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

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

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

技術 emmet 實現 zen coding 在 vim 環境中

前篇的sparkup在vim裡, 只有zen coding的縮寫擴展的功能, 若要在vim裡實現完整的ZC功能, 也可試試 emmet。 簡單的安裝步驟 用以下...

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

技術 vim + sparkup 快寫 HTML

看起來圖型界面的編輯器可以有完整的ZC功能, 而在Linux的CLI界面的編輯器可以用ZC嗎? vim有許多與寫程式相關的套件, 其中的sparkup是zc的解...

鐵人賽 開發技術 DAY 4

技術 [ASP.NET]Html轉成PDF的解決方案

最近遇到一個需求,需要將Html轉成PDF,上網找解決方案找老半天, 不是付費的不然就是匯出後整個版面跑掉,或者是中文亂碼 甚至用過itextsharp這種控制...

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

技術 在 notepad++ 裡使用 zen coding

我沒有Mac也不會去買Textmate編輯程式, 要怎麼用zen coding來快寫 HTML? 支援 ZC 的編輯器 從 ZC 的 官網 或 wiki 裡列舉...

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

技術 用 zen coding 快寫 HTML 標籤

打字快沒什麼,但能用最少的文字就幫忙吐出完整所需的所有文字,就比較神奇。 什麼是 zen coding? 簡單來說就是可以很快把HTML標籤語言寫得更快。 看個...

鐵人賽 其他技術 DAY 1
網頁開發五四三 系列 第 1

技術 介紹 HTML type="image" 取 click X,Y 座標

分享介紹 HTML 的 type="image" 元件使用 HTML 的 type="image" 是一個很基本的東西,...

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

技術 快寫HTML靜態網頁的緣起

疑問 HTML?這麼簡單而平常的東西, 等於是網路的ABC的基礎, 要講就該講HTML5或其他較新較有花樣的議題, 靜態網頁?聽起來就很遜, 動態網頁,或者說由...

技術 Intel 感知計算挑戰賽開始報名嘍~!

在感知運算的領域裡,你想要和世界上的高手切磋一下技術嗎? 你想要挑戰一下自己技術的極限嗎? 還有機會可以獲取10萬美金的獎金喔!快來參加Intel 感知運算挑...

鐵人賽 IT技術 DAY 29
只是路過 HTML5 系列 第 29

技術 ●HTML、CSS、JavaScript如何註解?

HTML的註解 使用<!--與 -->將要註解的文字包起來。 例如: <!--我是註解 --> CSS的註解 使用/* 與 */ 將要註...

鐵人賽 IT技術 DAY 25
新手前端日記 系列 第 25

技術 [新手前端]網站案例觀察- swarovski2-taiwan

今天還是網站範例解說,還是同一個站...的中文版。 昨天就提到該站的中文版是獨立製作的,所以和原站在設計風格、技術上都不同,馬上就來比較一下兩者的差異。 今天...

鐵人賽 IT技術 DAY 24
新手前端日記 系列 第 24

技術 [新手前端]網站案例觀察- swarovski

寫了這麼多天的技術還有概念,今天就來看看案例分享吧,我選了一個國際知名的水晶玻璃品牌- 施華洛士奇 http://www.swarovski.com/ 就來分...

鐵人賽 IT技術 DAY 24
只是路過 HTML5 系列 第 24

技術 HTML DOM

在網頁中,HTML 存放網頁的內容與架構,CSS 標記內容的呈現樣式; 而 JavaScript 則用來產生豐富的互動效果或應用程式。 之前筆記分享過,為什麼要...