iT邦幫忙

html相關文章
共有 476 則文章
鐵人賽 開發鐵人 DAY 20
HTML5試試看 系列 第 20

技術 [HTML5試試看-20] 溝通 - server sent event

server sent event基本上是由伺服器端單向送出資料的溝通機制,類似server push。這是一個與http相容的方法,只需要伺服器端送出特定的h...

鐵人賽 Modern Web DAY 6
菜鳥前端奮鬥史(欸? 系列 第 6

技術 Day06 「防呆機制好麻煩」 ─ HTML5 內建的表單檢查!

雖然知道it邦是使用 Markdown 格式做撰寫,要避免使用 HTML 格式,但沒想到居然連標題都會受到影響.. 所以把昨天的標題緊急修正了.. (都過了快...

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

技術 用 HTML + reveal.js 的簡報效果

古早以前有 S5: A Simple Standards-Based Slide Show System, 用 HTML 來做網頁式的簡報的作法, 效果看起來像...

鐵人賽 自我挑戰組 DAY 5

技術 Day5 來切一個一定會有的 header 吧

打開每一個網頁,百分之 99.999999999 一定會有 header ,那我們就來切一個吧! 在切版的學習過程中,就是一直找東西來切,切久了就會從各種狀況中...

技術 比Hpricot更快的HTML/XML解析利器-Nokogiri(鋸子)

之前寫了一篇「在Ruby上,可以用近似 jQuery語法來解析DOM的好工具 -Hpricot」介紹Hpricot這個解析HTML/XML的好用工具,現在更快的...

徵才 [招兵買馬]精誠集團 網路銀行網頁開發工程師數名

網路銀行趨勢興起,你跟上了嗎? 歡迎加入精誠集團_鼎盛資科的行列! 我們誠徵網路銀行網頁開發工程師數名(駐點客戶端_大台北地區) 歡迎好手加入我們,請郵寄個人履...

鐵人賽 Modern Web DAY 13

技術 Day13:小事之 HTML viewport 與 meta tag

前面為了講 dir 岔太遠了,再回來 HTML 上面繼續說吧~ 今天要介紹的是 meta。 HTML meta tag 的功能是用來提供網頁資訊給瀏覽器、搜尋...

鐵人賽 影片教學 DAY 1

達標好文 技術 金魚都能懂的這個網頁畫面怎麼切 : 圖文滿版區塊

本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔,另外幾個重點問題中,Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...

鐵人賽 開發技術 DAY 11

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

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

達標好文 技術 可撐長時間運作的動態網頁技術 - 結案報告

經過半個月的時間,把上次分享的問題【可撐長時間運作的動態網頁技術?】做個總結。 前文提到,因為網頁天生不是用來擺著長時間運作的。所以它的運作環境,包含瀏覽器、D...

鐵人賽 開發技術 DAY 29

技術 [JQuery]判斷頁面圖片是否載入完成並延遲載入

需求 當頁面圖片很多、網路又不快時,圖片顯示會由上往下慢慢顯示,這會讓使用者觀感很不好,故我希望在圖片載入完成時,再將該圖片顯示,並用文字提示載入完成,雖然這個...

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

技術 HTML5的Video標籤(3)

介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...

技術 [RWD] GridView搭配 FooTable (jQuery) 的表格效果 -- 自動折疊

[RWD] GridView搭配 FooTable (jQuery) 的表格效果 -- 自動折疊 http://www.dotblogs.com.tw/mis2...

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

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

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

鐵人賽 開發鐵人 DAY 8
HTML5試試看 系列 第 8

技術 [HTML5試試看-8] video媒體播放

嗚嗚,今天好忙,晚上十點才開始寫,就盡量吧。幸好video也是media elements,所以操作方式跟audio一模一樣。 先看一下最簡單的video標籤怎...

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

技術 [新手前端]從平面設計前進 CSS-4 權重及覆蓋

介紹CSS 基本概念,權重及覆蓋、繼承 承上篇,繼續針對選擇器說明,我們已經知道在CSS指定樣式的型式: E {color:red;} 選擇器 {類型:參數};...

技術 寫好網站,想測試網頁對各瀏覽器的相容性

通常設計網站,最後都會做一些測試,其中對各種瀏覽器的相容器測試是必要的,但是要準備這麼多作業系統或瀏覽器,還頗麻煩的! 一次解決吧,用這網站提供的服務 http...

鐵人賽 開發鐵人 DAY 13
HTML5試試看 系列 第 13

技術 [HTML5試試看-13] 新的表單元素

HTML5規格,在表單的部份增加了五個標籤,包含datalist, keygen, output, progress及meter。另外,input標籤也新增了許...

鐵人賽 自我挑戰組 DAY 1

技術 Day1 如何開始前端之路

抉擇從來不難,難在下定決心執行 開始之前,說說自己 踏入前端可能從來不在以前的自己想像中,也不會是長期規劃後的結果。大約兩個半月前,我還在前公司擔任 IE 工程...

鐵人賽 開發鐵人 DAY 9
HTML5試試看 系列 第 9

技術 [HTML5試試看-9] canvas 與 2d context

Canvas其實只是一個畫布,要怎樣畫上去,靠的是context...今天先來介紹一下2d context,不過2d context是一個獨立的規格,東西非常多...

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

技術 輕量的標籤語言 HAML

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

鐵人賽 開發鐵人 DAY 14
HTML5試試看 系列 第 14

技術 [HTML5試試看-14] 表單驗證

HTML5制定了一組通用的屬性及方法,利用這些特性就可以做表單驗證。除了通用的表單元素,一些特殊的表單元素還會內建預設的驗證邏輯。今天先來看一下表單驗證機制怎麼...

技術 讓表單傳送時資料以URL Encode加密送到後端

有些狀況中我們會希望在表單送出時可以讓表單欄位直接以URL Encode加密再送出 可是將資料傳後端後再加密好像一點用處都沒有... 這時候,該怎麼做呢? 這時...

鐵人賽 開發鐵人 DAY 22
HTML5試試看 系列 第 22

技術 [HTML5試試看-22] 溝通 - WebSocket Protocol

應該是考慮到雙向資料傳送及安全因素,所以...Websocket的溝通方式雖然還是類似http,但是過程比Server sent event複雜很多,獨立成為一...

鐵人賽 開發鐵人 DAY 23
HTML5試試看 系列 第 23

技術 [HTML5試試看-23] 資料儲存 - Web Storage

Web Storage提供了sessionStorage以及localStorage兩種方式,讓我們可以在Client端保存各種資料。來試試看... 從規格上看...

達標好文 技術 [筆記][HTML][JavaScript]canvas的基本用法(3)-最後用滑鼠互動動畫做個結尾!

嗨囉!大家好!這篇文章是這個系列的最後了,來說說如何用滑鼠和canvas內的繪圖做簡單的互動吧! ...這次的前言是不是有點少XD,但是前言真的真的真的很難想啊...

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

技術 在 notepad++ 裡使用 zen coding

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

技術 jQuery線上相簿 展示器 - fancyBox v2.1.5 安裝步驟

知名的fancyBox是網路上很多朋友推薦的jQuery套件 您可以在多數網站看見類似的效果 產品圖片、線上相簿.....等等 安裝起來也很簡單,不管您試用AS...

鐵人賽 開發鐵人 DAY 16
HTML5試試看 系列 第 16

技術 [HTML5試試看-16] 互動機制 - drag and drop(續)

HTML5的Drag and Drop中,最有意思的是跟使用者的系統整合!所以在瀏覽器可以接收從其他應用軟體拖拉進來的各種東西。 如果要接收從作業系統來的拖拉事...

技術 讓我們站在巨人的肩膀上,如何在專案中導入 Bootstrap 4 並客製它

程式設計的世界有一句俗話叫做,不要重複造輪子,意思就是說,別人已經寫好了的程式,就不要再自己重複寫了,除非是想要練習,想要了解原理,讓自己將來也有機會為別人造...