iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 2937 瀏覽

鐵人賽 IT技術 DAY 7

Windows Metro style Apps using HTML5 系列第 8 篇

技術 Store App 的 Html Controls

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 從 http://msdn.micros...

seanamph ‧ 2012-09-30

1 Like 0 留言 2928 瀏覽

鐵人賽 Modern Web DAY 30

30天學會HTML＋CSS，製作精美網站系列第 30 篇

技術版本控制與結語-30天學會HTML＋CSS，製作精美網站

終於來到了最後一章節，也算是蠻重要的「版本控制」版本控制的好處是讓你可以知道自己修改了什麼東西，方便管理自己的code，在多人一起開發一個專案時，更是不可或缺...

原來可以這樣做 | Sunny ‧ 2021-10-15

0 Like 0 留言 2924 瀏覽

鐵人賽自我挑戰組 DAY 18

手刻武器庫，30 天前端學習心得系列第 18 篇

技術 Day 18：jQuery 學習筆記-上

一、前言伴隨著前端框架的不斷演進，jQuery 的使用慢慢地式微，甚至出現了棄用 jQuery 的建議【1】。雖然某些公司專案開上可能不再使用 jQuery...

東尼先生 ‧ 2022-10-02

0 Like 0 留言 2919 瀏覽

鐵人賽 Modern Web DAY 3

從零開始手刻網站，30 天打造我的前端武器庫系列第 3 篇

技術 Day 03：Navbar 組件實作

組件實作 : Demo 一、前言 Navbar 導覽列是每個網站幾乎都會有的組件之一，就是網頁最上面的那一條橫幅，Navbar 的實作上，我們專注在兩個重...

東尼先生 ‧ 2022-09-17

0 Like 0 留言 2917 瀏覽

鐵人賽 Modern Web DAY 7

Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯系列第 8 篇

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

本篇同步發表於我的部落格 HTML 的屬性 href、src 都需要指定檔案路徑才能載入進來，所以這邊補充個關於路徑的小知識。何謂網頁的根（roo...

Eva Chen ‧ 2023-09-22

1 Like 1 留言 2910 瀏覽

鐵人賽 Modern Web DAY 27

30天學會HTML＋CSS，製作精美網站系列第 27 篇

技術製作響應式網站-30天學會HTML＋CSS，製作精美網站

響應式網頁設計是什麼響應式網頁設計(Responsive Web Design)簡稱RWD，是開發網頁設計中的一種方法，在不改變網站結構，隨著顯示螢幕的大小調...

原來可以這樣做 | Sunny ‧ 2021-10-12

8 Like 1 留言 2909 瀏覽

鐵人賽開發技術 DAY 11

用 HTML5 和 JavaScript 學習開發 Windows 8 Apps 系列第 14 篇

技術 Day11 實作 WinJS.UI.Rating

Rating其實是蠻單純的元件，但是呢，感覺重點會放在 JavaScript，不過今天不會講到 JavaScript 。 Rating 這個元件(或者應該說O...

yiying ‧ 2013-09-26

4 Like 0 留言 2899 瀏覽

活動 [活動分享] 前端社群工作坊 --3月課程-設計師撈過界

Hello, 剛看到前端社群開課，特來分享給大家 ^^ 課程包含基礎 HTML、 CSS 教學、利用 Tumblr 做出作品集、MVP 網頁。 Tumblr 有...

小財神 ‧ 2015-03-18

2 Like 2 留言 2891 瀏覽

鐵人賽 Modern Web DAY 4

【每天5分鐘】學前端系列第 4 篇

技術 Day05【每天5分鐘】學前端 | HTML 簡介

今天的內容寫得比較趕，希望語句不會有不通順的地方 (> _<);有的話還請多多包涵，謝謝～～介紹本日主題 HTML 之前，先來說說網頁組成的金三角...

Olivia ‧ 2022-09-05

0 Like 0 留言 2875 瀏覽

鐵人賽 Modern Web DAY 2

跟著 OXXO 一起學 HTML 系列第 2 篇

技術 ( Day 2 ) 使用 HTML 編輯器

所有可以編輯「純文字」的編輯器，都能作為 HTML 的編輯器使用，但有些比較優秀的編輯器，提供了「程式碼上色」、「除錯」、「快速產生程式碼」等功能，利用這些編輯...

oxxo ‧ 2023-09-02

0 Like 0 留言 2845 瀏覽

鐵人賽 Modern Web DAY 9

30天學會HTML＋CSS，製作精美網站系列第 9 篇

技術網頁常用單位-30天學會HTML＋CSS，製作精美網站

設置CSS樣式大小時，會使用到各種不同的單位，尤其現在都製作響應式網站，用錯單位，就會針對不同尺寸調整大小相當耗時，以下介紹網頁常用各種網頁單位，讓你使用的更加...

原來可以這樣做 | Sunny ‧ 2021-09-24

1 Like 0 留言 2824 瀏覽

鐵人賽自我挑戰組 DAY 11

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 11 篇

技術 Day11 網頁前端-刻意練習(多層次收合選單)

Day11 金魚多層次收合選單簡單小語這個練習有覺得難了些，必須參考之前的寫法才能將多層次選單寫出來，RWD方面也是思考了一番，經過昨天的練習知道了在J...

TerryYu ‧ 2020-09-11

0 Like 0 留言 2822 瀏覽

鐵人賽自我挑戰組 DAY 18

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 18 篇

技術 Day 18 Side Project : Drag N Drop 拖與拉

今天要來做的是滑鼠拖拉事件，點選笑臉圖片可以把它拖放到空的正方形中，功能拆解預設情況圖片會放在第一個正方形內持續按著滑鼠左鍵，可以拖拉照片抓起圖片經...

hannnahTW ‧ 2022-09-24

0 Like 0 留言 2817 瀏覽

鐵人賽 Modern Web DAY 12

從零開始手刻網站，30 天打造我的前端武器庫系列第 12 篇

技術 Day 12：Ｍodal 組件實作

組件實作 : Demo 一、前言Ｍodal 指的是互動視窗，也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋；訊息框（互動視窗...

東尼先生 ‧ 2022-09-26

0 Like 0 留言 2794 瀏覽

鐵人賽 Modern Web DAY 18

從零開始手刻網站，30 天打造我的前端武器庫系列第 18 篇

技術 Day 18：Collapsibles 組件實作

組件實作 : Demo、Demo2 一、前言 Collapsibles 翻譯為折疊的意思，所以它可以像是下拉選單一樣，點擊按鈕後即可展開內容，其實這個組件的作...

東尼先生 ‧ 2022-10-02

0 Like 0 留言 2780 瀏覽

鐵人賽 Software Development DAY 18

Emacs 來寫程式系列第 18 篇

技術 [Emacs-18] 用 Emacs 寫一個 Landing Page

用一個 Landing Page 來介紹 Emacs 功能我們簡單用一個首頁來介紹 Emacs 的相關功能，完成後的網頁建立 index.html 用 E...

洋蔥 ‧ 2018-10-19

0 Like 0 留言 2779 瀏覽

鐵人賽自我挑戰組 DAY 19

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 19 篇

技術 Day 19 HTML+CSS 網頁初版挑戰（上）

前言前面講了那麼多HTML架構啦～CSS排版樣式設計啦～那如果直接嘗試挑戰會是如何呢？自己本身是沒有設計背景的，所以曾經嘗試用學習到的這些語法，然後拼湊看...

candy82202 ‧ 2022-10-04

0 Like 1 留言 2753 瀏覽

鐵人賽自我挑戰組 DAY 2

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 2 篇

技術 Day2 網頁前端-刻意練習(相對絕對定位)

Day2 金魚相對絕對定位簡單小語定位的重要性不可言喻，一招可以有各種變化，釐清relative，absolute，fixed之間的差異及使用時機，套句...

TerryYu ‧ 2020-09-02

1 Like 0 留言 2747 瀏覽

鐵人賽自我挑戰組 DAY 15

網頁學習紀錄系列第 15 篇

技術鐵人賽Day15-向 KKBOX 致敬！寫個右邊欄位的 header!

左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容，預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用，如下圖: 為了要讓兩欄的...

Tim Hsu ‧ 2019-09-18

1 Like 0 留言 2746 瀏覽

鐵人賽 Modern Web DAY 19

HTML 與 CSS 學習筆記系列第 19 篇

技術 Day19 - Position (1) - 相對定位、絕對定位

相對定位與絕對定位可以用來應用在重疊 static：預設值，代表不會被定位，依照網頁預設排版 absolute：絕對座標，可放在整個網頁視窗的位置，挪動...

hokou ‧ 2020-10-04

0 Like 0 留言 2743 瀏覽

鐵人賽自我挑戰組 DAY 16

如何架出github.io的個人網頁-html的30天自由式筆記系列第 16 篇

技術除了主頁之外，我想開其他分頁，該怎麼辦？

由於前一篇提到了和子資料夾衝突的問題，我們必須談談檔案路徑。沒想到這樣雞毛蒜皮的問題，曾經也讓菜鳥時期的我苦惱很久。首先index.html是瀏覽一個網站...

IrisAndMimi ‧ 2018-10-31

0 Like 0 留言 2743 瀏覽

鐵人賽開發技術 DAY 3

如何建構網站服務系列第 4 篇

技術 D04 怎麼自己寫一個網頁

既然我們已經有空間也有網址 (沒空間的先參考D02的文章去弄一個空間來吧那接下來我們就可以開始自己寫網頁了以前我是會建議先用dreamweaver或fro...

fripig ‧ 2014-10-04

0 Like 0 留言 2738 瀏覽

鐵人賽 Modern Web DAY 15

決定未來 SEO 的 25 項標準與通訊協定 (Standard and Protocol) 系列第 15 篇

技術 meta tag, 決定 SEO 的 25 項標準與通訊協定系列 XV

在 Head 中, 理論上只有幾個 tag: titlte style base link meta script noscript 這 7 個 tag...

食夢黑貘 ‧ 2016-12-30

0 Like 0 留言 2734 瀏覽

鐵人賽 Modern Web DAY 27

跟著 OXXO 一起學 HTML 系列第 69 篇

技術 ( Day 27.1 ) HTML 播放影片 <video>

<video> 播放影片元素可以在 HTML 裡讀取並播放指定格式的影片，甚至可以搭配 <source> 和 <track>...

oxxo ‧ 2023-09-27

2 Like 0 留言 2733 瀏覽

達標好文技術 [快速入門前端] 系列文章索引列表

前言本系列旨在幫助新手快速進入前端的世界，對於底層的原理和延伸用法並未多加著墨。文章中有錯誤或需補充的部分也希望各路高手不吝指教！ HTMl 相關 [快速...

Doris ‧ 2023-07-27

1 Like 0 留言 2728 瀏覽

鐵人賽 IT技術 DAY 12

只是路過 HTML5 系列第 12 篇

技術 HTML Audio/Video Events(2)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為和提供了Methods(方法)、Pr...

iamya ‧ 2012-10-20

0 Like 1 留言 2719 瀏覽

鐵人賽 Modern Web DAY 4

跟著 OXXO 一起學 HTML 系列第 6 篇

技術 ( Day 4.2 ) HTML 網址與路徑

實作 HTML 時，常常會用到許多的「網址」( 路徑 )，路徑包含了超連結的網址、圖片網址、外部資源...等，此外，這些路徑又分成絕對路徑和相對路徑，這篇教學會...

oxxo ‧ 2023-09-04

0 Like 0 留言 2710 瀏覽

徵才 {誠徵} 前端開發工程師

•At least 2-4years working in related fields. •Proficient in using Javascript or...

tripleonetech ‧ 2017-07-28

3 Like 0 留言 2701 瀏覽

技術【HTML】【CSS】圖片下方的空白

【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...

hinolin0309 ‧ 2022-03-05

0 Like 0 留言 2697 瀏覽

鐵人賽 Modern Web DAY 22

從零開始手刻網站，30 天打造我的前端武器庫系列第 22 篇

技術 Day 22：鍵盤輸入事件實作

組件實作：Demo 一、前言鍵盤輸入監聽事件是一個很有用的功能，或許在瀏覽一般的網頁時，比較不常使用鍵盤控制。但如果是遊玩網頁遊戲，取得鍵盤的監聽就會變...

東尼先生 ‧ 2022-10-06