iT邦幫忙

html5相關文章
共有 291 則文章
鐵人賽 Modern Web DAY 24

技術 HTML5的picture標籤 - 自動調整圖片大小

上一篇文章提到 RWD / BootStrap(http://ithelp.ithome.com.tw/articles/10187807 )可以依照使用者的畫...

鐵人賽 Modern Web DAY 11

技術 11 - 試做轉場特效

之前的畫面繪製,都只有一個投影片,所以使用的資料都只有一個投影片。轉場特效通常會套用在投影片之間,這裡的試做就需要多張投影片,所以就需要調整一下了。 調整程式,...

鐵人賽 Modern Web DAY 9

技術 09 - 動畫改進

之前做的動畫效果很簡單,只有右移跟下移的直線動作。另一個基本的動畫是依照弧線來移動,就試著把它實作出來。 jQuery的動畫效果,預設會有加減速,而在Power...

鐵人賽 Modern Web DAY 7

技術 07 - 動畫的基礎

在Canvas做動畫不難,其實只是重複兩個動作: 清掉舊畫面 繪製出目前的畫面 很久以前,在HTML中做動畫,大概都是透過setTimeout()或setI...

鐵人賽 Modern Web DAY 5

技術 05 - 單位的換算

Office OpenXML裡面使用的「單位」,目前看到的有幾個:長度、指定百分比、指定字型大小等,就用03的例子來實驗改進一下 長度 ECMA-376使用一種...

鐵人賽 Modern Web DAY 3

技術 03 - Canvas 2D Context繪圖的基礎:圖片、圖形與文字繪製

今天休息一下,簡單溫習一下Canvas 2D Context的基本繪圖功能。 取得Context 透過Canvas元素的getContext()方法,就可以取得...

鐵人賽 Modern Web DAY 1

技術 01 - 專案目標與相關技術資訊

緣起 我們原本有做一些SCORM的線上英語教材,製作方式是依據現有的版型與題型,用Excel製作課程的資料,然後套版產生html教材。 最近在規劃明年要做的教材...

鐵人賽 Modern Web DAY 2

技術 「防呆」與「驗證」,避免使用者輸入錯誤資料

傳統的程式教學,就是把 "整本書"教了一次然後做了一堆「數學題」,求質數、最大公X數、最小公Y數(連名字我都忘了)、寫九九乘法表.... O...

技術 新書上市&團購 -- ASP.NET專題實務 (VS2015版)

晚輩的新書上市, 舉辦一場團購,買一送一 ASP.NET專題實務 I:C#入門實戰(VS2015版) / 松崗 定價 NT$820 http://www.boo...

技術 [贈書 & 抽獎] HTML5、CSS、JavaScript 認證教科書(碁峰)

小弟新書上市,出版社送了幾本給我 我準備十本書送給有緣人、或是有興趣的朋友 HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認...

技術 14 個超棒 HTML/CSS 框架

在網路上看到這則分享 網頁工程師一定要知道的 14 個超棒 HTML/CSS 框架 覺得很不錯 雖然是翻譯+轉載來的 對於Web前端工程師應該是很好的整理

技術 Flash...一路好走,安心上路,不送了 掰掰

史帝夫賈伯斯 當年送Flash到加護病房 YouTube這次....應該是送Flash 去安寧病房了 兵敗如山倒,殘存亦末路! Flash末日? YouTube...

技術 ASP.NET DropDownList 加入HTML5 分組功能

ASP.NET DropDownList 加入HTML5 <optgroup>分組功能 (補充: 範例下載) http://www.dotblogs...

鐵人賽 開發技術 DAY 30

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#30-- 參加微軟認證考試(如何報名,以Prometric為例)

上一篇文章:MIS2000Lab.的「HTML5 認證考試,從零開始」#29-- 使用Web Workers處理背景程序 http://ithelp.ithom...

鐵人賽 開發技術 DAY 29

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#29-- 使用Web Workers處理背景程序

上一篇文章:MIS2000Lab.的「HTML5 認證考試,從零開始」#28-- Web Socket,實作即時通訊 http://ithelp.ithome....

鐵人賽 開發技術 DAY 28

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#28-- Web Socket,實作即時通訊

上一篇文章:MIS2000Lab.的「HTML5 認證考試,從零開始」#27-- 將使用者介面(UI)變成動畫 http://ithelp.ithome.com...

鐵人賽 開發技術 DAY 27

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#27-- 將使用者介面(UI)變成動畫 ( CSS動畫 )

上一篇文章:MIS2000Lab.的「HTML5 認證考試,從零開始」#26-- 先進圖形 / Canvas API http://ithelp.ithome....

鐵人賽 開發技術 DAY 26

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#26-- 先進圖形 / Canvas API

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 開發技術 DAY 25

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#25-- 自適應使用者介面 #2

上一篇文章:MIS2000Lab.的「HTML5 從零開始」#24-- 自適應使用者介面(Adaptive User Interface)#1 http://i...

鐵人賽 開發技術 DAY 24

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#24-- 自適應使用者介面 #1

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 開發技術 DAY 20

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#20--Session storage

上一篇文章:http://ithelp.ithome.com.tw/question/10159772 前三篇文章簡單地分享了HTML5 API 這篇文章要分享...

鐵人賽 開發技術 DAY 19

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#19--HTML5 Geolocation API

上一篇文章:http://ithelp.ithome.com.tw/question/10159592 前兩篇文章包含本文,都是介紹HTML5 API 今天終於...

鐵人賽 開發技術 DAY 14
HTML5 & CSS3 系列 第 14

技術 30天分享(16) - HTML5 拖曳與置放

30天分享(16) - HTML5 拖曳與置放 HTML5 支援物件的拖曳與置放,使檔案或圖片能從一個位置拖曳到另一個位置, 程式碼如下 : <!DOC...

鐵人賽 開發技術 DAY 13
HTML5 & CSS3 系列 第 13

技術 30天分享(15) - 加入 Shiv 讓舊版本瀏覽器支援 HTML5 新標籤

30天分享(15) - 加入 Shiv 讓舊版本瀏覽器支援 HTML5 新標籤 舊 IE 瀏覽器並不支援 HTML5, 所以並不認識 HTML5 新標籤 ,如果...

鐵人賽 開發技術 DAY 18

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#18--HTML5與多媒體的整合

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 開發技術 DAY 12
HTML5 & CSS3 系列 第 12

技術 30天分享(14) - HTML5 fieldset 標籤

30天分享(14) - HTML5 fieldset 標籤 <fieldset> 是表單原本預設樣式的標籤,可以快速建立表單, 裡面的 CSS 設定...