iT邦幫忙

html5相關文章
共有 216 則文章
鐵人賽 Modern Web DAY 3
菜鳥前端奮鬥史(欸? 系列 第 3

技術 Day03 「HTML?好吃嗎?」 ─ 沒有骨架人怎麼站呢?

有人來訊問到為什麼要放一隻柴柴當大頭照,其實牠的真身原本是這樣的 (饒富動感? 當初沒想到這麼快就會把腦海中的梗用完,果真有梗當思無梗之苦呀..   今天就...

鐵人賽 Modern Web DAY 2
從零開始的網頁設計 系列 第 2

技術 Day02 : 基本 html 架構

每一天都會配合一個實例去做簡單的教學 好,那html到底是什麼? 我想要是我開始落落長的說明他大家就會想把網頁關掉了吧 簡單地講,我們要讓預覽器看得懂我們在做什...

鐵人賽 Modern Web DAY 3
前端新手村 系列 第 3

達標好文 技術 前端新手村 HTML的作用

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 7
重新學習網頁設計 系列 第 7

技術 DAY 7. HTML5 表單群組 Fieldset

fieldset是一個新的html元素,用來群組化表單裡的input元素 有了fieldset我們可以很簡單的控制表單內的元素是否disabled而不用一一指派...

鐵人賽 Modern Web DAY 1
重新學習網頁設計 系列 第 1

技術 DAY 1. HTML5 表格 Table

在很久以前, 曾經人們大量的使用table來排版, 但table 帶來的巨大的限制, 我們沒辦法隨心所欲地使用它來完成多變繁瑣的佈局, 必須層層嵌套table來...

技術 [筆記]用圖片 取代 <input type="file"> 欄位

用途 想要與其他圖片來美化<input type="file">欄位的話 可以用label來去運行 大致觀念是 css同id 會...

鐵人賽 Modern Web DAY 25

技術 ?? - 目前初步做好的prototype

參考: tmp9 後面花了不少時間把這份簡報需要的動畫特效做出來,雖然不是全部,但是大致上能看了。 因為用了IE沒支援的Canvas 2D Context AP...

鐵人賽 Modern Web DAY 25

技術 ?? - 處理Office的內建圖型

既然還能發文... ECMA-376定義Office內建圖型的方法 在規格書的zip檔中,可以找到presetShapeDefinitions.xml這個檔案(...

鐵人賽 Modern Web DAY 25

技術 ?? - 繪製Office內建的圖型

Office使用的內建圖型定義在ECMA-376的presetShapeDefinitions.xml這份文件中。(下載規格書Part1的zip檔解開後,會看O...

鐵人賽 Modern Web DAY 25

技術 ?? - 目前的簡單成果

參考:example012.html 資料的複雜性 結果奮鬥最久的還是處理pptx的資料XD 來反省一下...先看一下簡報的架構(排除了一些跟播放沒直接關係的設...

鐵人賽 Modern Web DAY 24

技術 24 - 剖析投影片資料

昨天已經初步剖析出版面配置的資料,但是畫出來看還是有些問題。所以在剖析投影片資料前,先來修正一下... 修正版面配置的剖析方式 檢查了一下剖析出來的資料,看起來...

鐵人賽 Modern Web DAY 23

技術 23 - 剖析佈景主題及版面配置

昨天畫出母片資料後,可以看到一些需要改善的部份,先來調整一下。 調整母片資料 這部份主要調整了幾個部分: 不需要繪製圖形背景時,不要繪製 剖析邏輯修正,這是導...

鐵人賽 Modern Web DAY 22

技術 22 - 用剖析出的資料試畫母片

大致上剖析出母片資料,除了寫測試之外,還是先試試看可不可以正常畫出來XD 目前產出的母片資料 先看看目前產出的母片資料長怎樣: "backgrou...

鐵人賽 Modern Web DAY 19

技術 19 - 畫出標準投影片

之前只顧著做各種文字方塊、動畫效果及轉場效果,反而沒有嘗試畫出一個標準投影片,也就是標題加上文字列表,雖然投影片資料剖析的部份還沒做好,不過還是用預計會產生的資...

鐵人賽 Modern Web DAY 16

技術 16 - 文字呈現的細節

弄pptx的剖析有點膩了,今天先來看文字的呈現以及怎麼利用Canvas 2D Context來實作。 文字主體(p:txBody)、段落(a:p)與文字展現(a...

鐵人賽 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數(連名字我都忘了)、寫九九乘法表.......

技術 新書上市&團購 -- 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....