iT邦幫忙

html5相關文章
共有 291 則文章
鐵人賽 自我挑戰組 DAY 1

技術 「DAY02」關於自學的學習網站

啊!昨天被睡蟲給咬到,忘記發文了 今天繼續再努力!!!以下是跟大家分享HTML跟CSS自學網站及影音: 影音類: 1.Style Fancy Buttons...

鐵人賽 Modern Web DAY 1

技術 [Day3] Vite 出小蜜蜂~ Game Loop!

Day3 軟體架構 這邊卡比要介紹一個名詞,Software Architecture 軟體架構。 軟體架構 旨在如何更好的處理各個程式碼段落之間的溝通,雖然並...

技術 第一篇筆記-製作具有RPG要素的互動式健身會員系統

這是一篇記錄我大專寫到一半的筆記文,單純是覺得寫code寫出了一點成就感,也是為了能記住曾經走過的歪路。 我還尚未從資策會C#班畢業,是個菜逼中的菜逼,目前正在...

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

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

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

鐵人賽 自我挑戰組 DAY 22

技術 Day 22 HTML5 <HTML5 input類型、表單標籤>

HTML5新增的input類型: &lt;!-- 需添加form表單域 --&gt; &lt;form action=&quot;&quot;&gt;...

鐵人賽 Modern Web DAY 6

技術 用 HTML, CSS, jQuery來做「動態進度條」

這次的有用到jQuery,讓進度條動起來! HTML 有使用到data-寫法~ &lt;div class=&quot;tool-chart&quot; da...

鐵人賽 Modern Web DAY 1

技術 [Day5] Vite 出小蜜蜂~ Component 元件!

Day5 寫程式寫到一定的階段後,會開始發現,其實做出想要的功能並不困難。真正難的,其實是如何寫出有彈性的程式碼以應對各種需求跟變化。卡比接下來要做的,是在一般...

鐵人賽 Modern Web DAY 1

技術 [Day8] Vite 出小蜜蜂~撞擊檢測 Collision Detection!

Day8 Collision Detection 接下來我們要讓 Laser 打中敵人時,將敵人消滅。Laser 要有辦法偵測到目前打中誰,所以需要一個新的功能...

鐵人賽 Modern Web DAY 1

技術 [Day2] Vite 出小蜜蜂~動畫 Animation!

Day2 Animation 動畫 動畫在遊戲中扮演非常重要的角色,當繪製的角色在螢幕上動起來時,就像是角色活起來一樣。卡比接下來想要跟大家分享這份喜悅! 分析...

鐵人賽 Modern Web DAY 3

技術 用HTML與CSS製作出「下拉選單」!

input原本的下拉選單太過擁擠,想製作出好看的下拉選單可以參考這邊呦~ HTML 先製作選單input值,讓input內文字能夠顯示出所選選項。 &lt;di...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21 HTML5 <HTML5 多媒體標籤>

多媒體標籤可以很方便的在頁面中嵌入音頻和視頻,而不用去使用flash和其他瀏覽器的插件,多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 &lt;video&...

鐵人賽 Modern Web DAY 28
淺談web 系列 第 28

技術 鐵人賽DAY28-HTML5(三)

一、HTML5新標籤(多媒體類)&lt;audio&gt;……&lt;/audio&gt;:在HTML5出來之前是沒有此標籤的,若覽器上要播放音檔,多半會依賴外...

鐵人賽 Modern Web DAY 26
淺談web 系列 第 26

技術 鐵人賽DAY26-HTML5(一)

一、何謂HTML5HTML5是由W3C(World Wide Web Consortium)與WHATWG(Web Hypertext Application...

鐵人賽 Modern Web DAY 4

技術 如何用HTML與CSS製作出「toggle開關鍵」

iphone常用的開關鍵,其實很簡單! HTML 使用input的checkbox &lt;input id=&quot;toggle&quot; class=...

技術 第一隻狗勾頁面-猴犬

繼上次我說要先第一個用狗勾頁面我就只先設置了那頁的按鈕,記得當你要對按鈕下指令如asp-controller跟action的時候,要先把前面的herf拿掉這裡是...

技術 使用Vue框架串接TheMealDB API

根據TheMealDB API的List all meal categories可看到有很多餐點分類,不過這次用到那麼多分類,所以等下會在data中定義會用到的...

技術 使用javascript動態代入資訊至下拉選單(drop-down menu)

HTML5: &lt;select id=&quot;testoption&quot; name=&quot;testoption&quot; style=&q...

鐵人賽 Modern Web DAY 1

技術 [Day6] Vite 出小蜜蜂~ Scene 場景!

Day6 Scenes 在 Web 的領域裡,一個網站會有頁面,像是 Main Page, Login Page, Dashboard ... etc。Game...

鐵人賽 Modern Web DAY 2

技術 HTML DOM、HTML5、HTML Template (2)

什麼是 HTML 底下用三句話來說明什麼是 HTML HTML (HyperText Markup Language) 是一種基礎技術是 “標記” 語言。 H...

鐵人賽 Modern Web DAY 1

技術 [Day16] Vite 出小蜜蜂~ Text 文字!

Day16 接下來,卡比想要先去做 介面 (HUD),方便我們進入到計分系統的時候,可以順便驗證分數。 首先,我們讓畫面能夠渲染 文字。 Text 首先我們要增...

鐵人賽 Modern Web DAY 1

技術 [Day13] Vite 出小蜜蜂~Memory Leak & Optimization!

Day13 目前做到這邊的大家應該會發現一些問題,在上一個章節,雖然我們成功產生了很多敵人,但是程式卻發生了 Memory Leak。 這就是這個章節的主題,程...

鐵人賽 Modern Web DAY 29
淺談web 系列 第 29

技術 鐵人賽DAY29-HTML5(四)

一、HTML5新標籤(圖像類)&lt;canvas&gt;……&lt;/canvas&gt;:此元素只提供圖形的擺放,實際上圖形的設計要使用javaScript...

鐵人賽 Modern Web DAY 7

技術 #06 寫一份簡單的 HTML,常用 HTML Tag 總整理

↓ 今日學習重點 ↓ 練習使用 HTML 的各種標籤(tag) 知道 CSS 和 JS 要放在 HTML 的哪裡? 今天,讓我們來了解一份簡單...

鐵人賽 Modern Web DAY 1

技術 [Day4] Vite 出小蜜蜂~ Input Control 操作系統!

Day4 接下來卡比要是著操作 LaserCannon,讓他可以左右移動。 Input 在上個章節,卡比介紹了 GameLoop。 示意用 while (tru...

技術 分享一段『油土伯』創意特效按鈕 by CSS

之前看到的一段視頻 ! 因為 css 的動畫特效不常接觸, 在此分享給廣大邦友 !影片中, youtuber 巧妙的利用 &lt;span&gt; 來完成按鈕邊...

鐵人賽 Modern Web DAY 7

技術 #06補充 網頁的根、絕對路徑、相對路徑,那些關於路徑的小知識

HTML 的屬性 href、src 都需要指定檔案路徑才能載入進來,所以這邊補充個關於路徑的小知識。 何謂網頁的根(root)? 指的是網域底下第一層的檔案...

鐵人賽 Modern Web DAY 27
淺談web 系列 第 27

技術 鐵人賽DAY27-HTML5(二)

一、HTML5新標籤(布局類)&lt;header&gt;……&lt;/header&gt;:相對於以往要定義網頁的頂部區塊時語法為&lt;div id = &...

鐵人賽 Modern Web DAY 1

技術 [Day18] Vite 出小蜜蜂~ 位置校正 Position Adjustment!

Day18 接下來再進到分數系統之前,卡比要先進行位置的校正,使我們更接近原作。 Enemy 首先我們需要校正 Enemy 的位置,我們將每個整個 Enemy...

鐵人賽 Modern Web DAY 1

技術 [Day9] Vite 出小蜜蜂~撞擊行為 Collision Behavior!

Day9 Collision Behavior 當 Laser 跟 Squid 相互撞擊時,我們想要將 Squid 從場上移除。我們需要一個 event 讓我們...

鐵人賽 Modern Web DAY 1

技術 [Day7] Vite 出小蜜蜂~Shoot 射擊系統!

Day7 Shoot 是時候幫我們的 LaserCannon 裝上子彈了! Input 首先,當玩家按下 Space 時要發射 Laser,所以我們要在 Inp...