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

0 Like 0 留言 908 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術 Day 19：jQuery 學習筆記-下

組件實作 : Demo、Demo2 一、前言今天要來繼續研究 jQuery 的用法，經過我非常努力的看書後，發現勾不起我寫文章的動力，索性就直接在網路上...

東尼先生 ‧ 2022-10-03

0 Like 1 留言 908 瀏覽

鐵人賽 Modern Web DAY 4

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

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

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

oxxo ‧ 2023-09-04

0 Like 0 留言 906 瀏覽

鐵人賽自我挑戰組 DAY 1

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

技術 Day 01：前言（2022 自我挑戰）

嗨大家好！我是東尼先生（Tony）。一個有一點點強迫症外加三分鐘熱度的前端工程師。一、前言第一次參加鐵人賽，我的心情是既期待又怕受傷害。想參賽的主...

東尼先生 ‧ 2022-09-15

0 Like 0 留言 903 瀏覽

技術 CSS 簡單客製化表單上的 checkbox 樣式

在HTML上列出一條常規的checkbox <label class="check-box"> <inpu...

哈狗貓 ‧ 2023-07-17

2 Like 0 留言 900 瀏覽

技術幫助自己上班的零件數量查詢器(3) - CSS

在上篇已經完成了HTML也就是網頁的骨骼，接下來就是要使用CSS，像捏捏麵人一樣在骨骼上把肌肉黏上、衣服穿上、還要再化點妝、弄頭髮上髮膠、帶個耳環項鍊。...

走得歪七扭八的孩子 ‧ 2023-02-04

0 Like 0 留言 889 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Day 23：React 環境建置 - Hello World

一、前言從今天起連續 5 天，我們會專注在前端框架 React 的學習上。學習框架原因不單只是因為專案需求，更多的原因是學框架對于求職來說，已經變成一種標準...

東尼先生 ‧ 2022-10-07

0 Like 0 留言 885 瀏覽

鐵人賽自我挑戰組

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

技術 Day31 網頁前端-持續練習(來杯咖啡)

Day31 來杯咖啡簡單小語看似簡單卻又充滿挑戰細節的咖啡杯，一開始的躍躍欲試到後面的苦惱煩惱，運用各種偽元素拼拼湊湊，最後的波浪顏色區分，還是想不到方法...

TerryYu ‧ 2020-10-01

0 Like 0 留言 878 瀏覽

技術想抓到selector element的資料

#MainContent_Contents_ArticleGridList1_gvList > tbody > tr:nth-child(7) &g...

dannytan1234 ‧ 2019-12-20

0 Like 0 留言 873 瀏覽

鐵人賽自我挑戰組 DAY 14

網頁學習紀錄系列第 14 篇

技術鐵人賽Day14-向 KKBOX 致敬，寫一個 aside 側邊欄位吧！播放器！

aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖：這次用了比較多技巧跟方式，慢慢的講解吧!!HTML 如下： <div class=...

Tim Hsu ‧ 2019-09-17

0 Like 0 留言 872 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Day5 Input types

前言經過昨天說明的form表單之後，有使用了不少input標籤當然不只這些，所以今天下面再附上一些常用的input標籤介紹 < range >...

candy82202 ‧ 2022-09-20

0 Like 0 留言 870 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Day 17：Docker 學習筆記

一、前言這篇文章的主要目的是在記錄學習 Docker 的相關議題，內容包括：「是如何入門？碰上問題時的解決方法？」等等，目標是把環境建立起來，還有整理相關的...

東尼先生 ‧ 2022-10-01

1 Like 0 留言 870 瀏覽

技術 JS筆記-幫元素加上style的寫法(Object.assign & cssText)

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-29

1 Like 0 留言 857 瀏覽

鐵人賽 Modern Web DAY 2

前端三分鐘 X 從把妹角度理解前後端如何和平相處系列第 2 篇

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

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

linyencheng ‧ 2022-09-17

0 Like 0 留言 855 瀏覽

鐵人賽 Modern Web DAY 2

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 2 篇

技術 #2 HTML x Lovely Auntie

What is HTML? English: Wiki - HTML Mandarin: HTML 基礎 - 學習該如何開發 Web HTML Mark...

Vida Lin ‧ 2021-09-02

0 Like 0 留言 849 瀏覽

技術前端工程學習日記２４天 codpen 一秒使用css rest <設定完一勞永逸.

附上作業 https://codepen.io/pwbzvqja/pen/XWMdvqz如圖

九四帥 ‧ 2021-05-15

0 Like 0 留言 845 瀏覽

鐵人賽自我挑戰組 DAY 3

小白網頁設計練成記系列第 3 篇

技術小白網頁設計練成記-DAY3-淺談HTML 元素

HTML裡面的文檔都是由元素定義的，每個元素的組合和串聯就形成一個網頁的結構，舉例來說:<P></p>代表"段落"，...

Eric ‧ 2022-09-03

0 Like 0 留言 841 瀏覽

鐵人賽自我挑戰組 DAY 18

網頁學習紀錄系列第 18 篇

技術鐵人賽 Day18-向 KKBOX 致敬！用 ul li 寫一個新聞欄位!

這次要寫一個新聞欄位，是用 ul li 做成的圖文並茂，標題為連結，可以點擊的樣式畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到，只是內容有不...

Tim Hsu ‧ 2019-09-21

0 Like 0 留言 841 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day29 網頁前端-刻意練習(模仿遊戲#2)

Day29 六角模仿遊戲#2 簡單小語一開始看到這個版就覺得很酷可以記錄信用卡資訊，稍微玩了一下動畫起初覺得有難的感覺，但實際寫下去才發現兩行就可以完成了...

TerryYu ‧ 2020-09-29

0 Like 0 留言 837 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 Day22 網頁前端-刻意練習(Off Canvas #1)

Day22 六角 Off Canvas #1 簡單小語選單選單選單，各式各樣，基礎練習不能少，每次在RWD時的menu轉換都是一種練習，掌握每個物件的位置及...

TerryYu ‧ 2020-09-22

1 Like 0 留言 837 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day30 - 結語、推薦

結語感謝鐵人賽的契機，讓我又完成一門課了，雖然是一門基礎的課程，但是過程中依然放了不少心力，看那幾乎都接近時限前的發文，每天都花 1 ~ 2 小時的時間，上完...

hokou ‧ 2020-10-15

0 Like 0 留言 829 瀏覽

技術 HTML筆記(03)-什麼是HTML?

HTML(Hyper Text Markup Language):→就是有一堆Elements(元素)的文件→瀏覽器上該呈現什麼內容、網站的架構→網站開發 El...

ccz5011 ‧ 2021-12-02

0 Like 0 留言 828 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day 11：Timeline 組件實作

組件實作 : Demo、Demo2 一、前言 Timeline 時間線的功能很常出現在履歷表，或是各種跟年分有關的介紹。原本參考 W3schools Ho...

東尼先生 ‧ 2022-09-25

0 Like 0 留言 826 瀏覽

鐵人賽自我挑戰組

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

技術 Day39 網頁前端-持續練習(刻不容緩)

Day39 刻不容緩簡單小語這個樣板算是目前最大挑戰，看似簡單但細節超級多，中間又卡了一個出遊因此進度落後，趕快補起來，許多地方並沒有樣板這樣如此細膩及滑...

TerryYu ‧ 2020-10-09

0 Like 1 留言 821 瀏覽

鐵人賽 Modern Web DAY 30

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 30 篇

技術 #30 [Final] Had Fun Learning JavaScript?

Congratulations to all of us! The final day has already come! Hooray!Pic: Unspla...

Vida Lin ‧ 2021-09-30

0 Like 0 留言 819 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day 06：Loader 組件實作

組件實作 : Demo 一、前言今天我們要來製作 Loader 的組件，Loader 組件主要會出現在換頁或是網頁刷新（例如 AJAX）的等待時間，除了...

東尼先生 ‧ 2022-09-20

0 Like 0 留言 819 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 Day 24：React 的 Hook 初探

一、前言昨天我們把 React 的環境架起來，並且執行「Hello World」程式。今天要來學習一下 Hook 的寫法，至於 Hook 是什麼？以及要如何...

東尼先生 ‧ 2022-10-08

0 Like 0 留言 813 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day 27：CSS 選擇器功能實作

組件實作 : Demo 一、前言今天要來實作CSS Selectors（選擇器），選擇器的最主要用途，就是讓 CSS 可以更精準的選取到想要的元素，如果...

東尼先生 ‧ 2022-10-11

0 Like 0 留言 809 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day20 網頁前端-刻意練習(Flex時光屋#2)

Day20 六角 Flex時光屋#2 簡單小語自己切了這個版，才發現原來Bootstrap真的很好用，觸發的事件自己寫過才知道，要如何去撰寫，要如何設計架構...

TerryYu ‧ 2020-09-20

0 Like 0 留言 809 瀏覽

鐵人賽自我挑戰組 DAY 4

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 4 篇

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料常用情況 : 註冊頁面... 主要由表單域、表單元素、提示文字這三種內容組成以MOMO註冊頁面為範例: 1.表單域...

a0265392 ‧ 2021-09-04

0 Like 0 留言 808 瀏覽