技術 30天分享(13) - HTML5 <track> 標籤

30天分享(13) - HTML5 &lt;track&gt; 標籤 &lt;track&gt; 是用來顯示 video 裡的字幕 ，支援 vtt 檔 ， 使用...

cretise0415 ‧ 2014-10-11

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

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

a0265392_lin ‧ 2021-10-01

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

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

a0265392_lin ‧ 2021-10-02

技術 [Day3] Vite 出小蜜蜂～ Game Loop！

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

HelloKayac ‧ 2021-09-05

技術 [Day0] Vite 出小蜜蜂～和卡比一起玩網頁遊戲開發！

Day0 動機 Motivation 80 年代對卡比來說是個很特別的年代，那個年代的音樂、影視、電玩深深地影響了卡比，特別是那個遊戲剛發跡的年代，極客們在沒...

HelloKayac ‧ 2021-09-01

技術 Web前端整合 (2/2)

[Day 14] Web前端整合3.2：HTML5 (HTML 5 + CSS 3 + JavaScript + APIs) (27min + 8min)--...

drm ‧ 2018-10-27

徵才 傑富資訊 ◆ 徵的就是你

【專注研發，追求創新】我們是一群致力於遊戲軟體開發，流著年輕活力血液的創新團隊，公司目前北中南據點持續擴大業務中！如果您也喜歡在Code世界中徜徉、對美有所堅持...

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

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

Alice CH ‧ 2022-09-18

技術 HTML 入門筆記 - 1 - 認識 HTML 與網頁結構

🔹 什麼是 HTML？ HTML（HyperText Markup Language，超文本標記語言） 是建立網頁的基本語言。 HTML不是程式語言，而是...

技術 #05 HTML 基礎語法

上一篇文章，我們有建立了一份 HTML 檔案， 那麼這些語法到底是什麼意思呢？讓我們往下看。 本篇同步發表於 我的部落格 ↓ 今日學習重點 ↓ 了...

Eva Chen ‧ 2023-09-21

技術 Something about front-end

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

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

洸(希望能在南部找前端工程師的工作) ‧ 2019-09-19

技術 [Day2] Vite 出小蜜蜂～動畫 Animation！

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

HelloKayac ‧ 2021-09-04

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

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

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

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

技術 [Day13] Vite 出小蜜蜂～Memory Leak & Optimization！

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

HelloKayac ‧ 2021-09-16

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

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

HelloKayac ‧ 2021-09-10

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

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

linyencheng ‧ 2022-09-17

技術 在網頁上嵌入Google Map及設置圖釘的方法 (上)

前言最近在開發個人作品，剛好想要實現在網頁中放入Google Map及設置圖釘，所以花了一些時間查詢、研究，發現其實有很多的方法或套件都可以實現這個功能！在這邊...

技術 [Day5] Vite 出小蜜蜂～ Component 元件！

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

HelloKayac ‧ 2021-09-07

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

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

cretise0415 ‧ 2014-10-13

技術 [Day6] Vite 出小蜜蜂～ Scene 場景！

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

HelloKayac ‧ 2021-09-08

技術 Day12. 切版前知識(二) HTML 教學、常用標籤

今天來説說切版時主要用到的技術之一：HTML5。HTML最為人熟知的就是，常用於設計網頁、行動裝置、應用程式等介面設計，網頁瀏覽器能讀取HTML並轉譯成視覺化網...

luna0228 ‧ 2023-09-27

技術 鐵人賽DAY28-HTML5(三)

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

鴻勳 ‧ 2019-10-14 ‧團隊紅蟳當兵等他開賽

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

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

技術 鐵人賽DAY26-HTML5(一)

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

鴻勳 ‧ 2019-10-12 ‧團隊紅蟳當兵等他開賽

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

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

HelloKayac ‧ 2021-09-06

技術 使用Vue框架串接TheMealDB API

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

技術 鐵人賽DAY29-HTML5(四)

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

鴻勳 ‧ 2019-10-15 ‧團隊紅蟳當兵等他開賽

技術 用偽元素改寫input radio，自己設計「單選框」

美化UI小技巧，讓單選框可以更符合設計樣式～ HTML &lt;input type=&quot;radio&quot; name=&quot;radio&...

Alice CH ‧ 2022-09-19