iT邦幫忙

html5相關文章
共有 293 則文章
鐵人賽 Modern Web DAY 3

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

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

鐵人賽 開發技術 DAY 3

技術 Day3 學習 Windows 8 App 的資源列表

擔心有人想要馬上學東西,我還是先介紹一些資源吧,如果你想學寫 Windows 8 App不用等我了,可以先偷跑了:P。 今天在這裡跟大家介紹一些資源,主要是單...

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

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

鐵人賽 開發技術 DAY 11

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#11--jQuery簡介(II)

上一篇文章 http://ithelp.ithome.com.tw/question/10158237 上一篇文章簡單介紹jQuery入門的語法 這篇文章要介紹...

鐵人賽 Modern Web DAY 1

技術 新手村的 Web Design 30天冒險 | Day 1 { Introduction }

這一系列是記錄學習網頁程式設計的筆記 Day: Day 1 Content: Introduction { Introduction 自我介紹 } H...

鐵人賽 Modern Web DAY 7
前端開發 30 個問題 系列 第 7

技術 CSS Specificity / 權重

前言2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對簡...

鐵人賽 開發技術 DAY 29
CSS沒有極限 系列 第 25

達標好文 技術 CSS沒有極限 - CSS 的相關資料

今天沒有要介紹任何效果,是要介紹這些CSS資料是從何處獲得的~ 前端社群 台灣的前端社群也是高手雲集的地方,如果想要知道最新的技術資訊,從社群進入是最快的方式...

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

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

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

鐵人賽 IT技術 DAY 19
且戰且走HTML5 系列 第 19

技術 且戰且走HTML5(19) 解決繪圖的多人協同運作問題

昨天發現了在多人協同繪圖時,會有無法解決的問題。問題主要在於繪圖的動作與WYSIWYG的需求不一致,導致動作的衝突無法解決。要解決這樣的衝突,方法之一就是用兩個...

鐵人賽 開發技術 DAY 16

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#16--使用JavaScript建構物件與方法

上兩篇文章講到AJAX -- http://ithelp.ithome.com.tw/question/10159099 ==== 全域變數與區域變數、Hois...

鐵人賽 Modern Web DAY 2

技術 #36 HTML <video> 用影片當背景,使用 iframe 嵌入 Youtube自動播放/ IG/ TikTok/ X (Twitter) 影片

在設計行銷網頁時,放入漂亮的影片是最輕鬆達到吸睛效果的方法之一,例如:把影片放至滿版當成背景,上面再壓上標題與文字,畫面就會很豐富,這是很常見的網頁設計方式。...

鐵人賽 自我挑戰組 DAY 22

技術 美好的幻覺:Frontend 前端

先分享下 Frontend 的發音https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fro...

鐵人賽 開發技術 DAY 25

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

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

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

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

鐵人賽 開發技術 DAY 29

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

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

鐵人賽 Modern Web DAY 16

技術 16 - 文字呈現的細節

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

鐵人賽 自我挑戰組 DAY 2

技術 Day 2 用 WordPress 了解 HTML5 語意化標籤

大家好,我是 Eric。在開始學習當代網站開發時,必須先瞭解,當代的網站開發,是以 HTML(5)+CSS(3)+JavaScript(ES5/ES6) 為主軸...

鐵人賽 自我挑戰組 DAY 7
從門外漢到前端新手 系列 第 7

技術 Day7 動手寫HTML(2)

標籤語意的重要性 在瀏覽器的世界,雖然很多元素的視覺效果可能很像,可是針對網站的每個不同內容下好的元素很重要。它會幫助瀏覽器讀取文檔,讓網路體驗更優化。 進...

鐵人賽 開發技術 DAY 20

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

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

鐵人賽 Modern Web DAY 6
前端開發 30 個問題 系列 第 6

技術 z-index and stacking context

前言2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對簡...

鐵人賽 自我挑戰組 DAY 4

技術 Day 4 用 WordPress 了解 head 記載的中繼資料及靜態資源

大家好,我是 Eric。 第二天與第三天的內容,都是針對 &lt;body&gt; 中的標籤做的說明。顧名思義,&lt;body&gt; 中記載的內容,就是會直...

鐵人賽 開發技術 DAY 1

技術 Day1 開場白與環境介紹

介紹我的主題『HTML5 X JavaScript 開發 Windows 8 Apps』,以及我要分享的內容。 大家好,我是win, 目前是一位菜 Fronte...

鐵人賽 開發技術 DAY 30
CSS沒有極限 系列 第 26

技術 CSS沒有極限 - 鐵人賽不是開始,也不是結束

在鐵人賽前一個月,我在進行一個計劃,就是挑戰100天發文,內容以前端為主,雖然每天都有新的文章,但我都不會特別去核對文章的內容。而鐵人賽開始後,將主題調整為CS...

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

技術 30天分享(5) - HTML5 <video> 標籤

HTML5 除了 &lt;audio&gt; 標籤,也新增了 &lt;video&gt; 標籤,使影片能輕易的顯示在網頁上, 不過必須瀏覽器支援的格式,各家瀏覽...

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

技術 HTML Audio/Video Properties(1)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為&lt;audio&gt; 和&lt;v...

鐵人賽 開發技術 DAY 24

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

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

技術 筆記:好用HTML5 的表單input元件及屬性

html的form標籤之input小記錄 前言本篇是上課中所提及好用,但是筆者小新手之前未發現的上課筆記。 在html5的中,input增加許多tpye可以使瀏...

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

技術 30天分享(12) - HTML5 viewport <meta> 標籤

30天分享(12) - HTML5 viewport &lt;meta&gt; 標籤 viewport 是為了除了桌面畫面的裝置而產生, 使用viewport...

鐵人賽 開發技術 DAY 2
CSS沒有極限 系列 第 2

技術 CSS 的改變

CSS不斷的進化及改變,在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多,不斷的學習CSS技術,到頭來發現這項技術是沒有極限的,每天都...

鐵人賽 IT技術 DAY 20
且戰且走HTML5 系列 第 20

技術 且戰且走HTML5(20) 資源共享

線上會議的應用,除了需要像是視訊、Chat等的機制外,通常也會需要做一些資源分享。先來考慮一下需求,然後看看怎樣實作。 基本上,這裡說的資源共享,主要還是檔案。...