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

1 Like 0 留言 1144 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術 Day30 網頁前端-刻意練習(鐵人煉成)

Day30 鐵人煉成中點是中點不是終點，沒想到30天的挑戰成功了，在工作及休息時間找到平衡點，利用自己的時間加緊練習並學習，雖然目前的作品不是非常有競爭力...

TerryYu ‧ 2020-09-30

0 Like 0 留言 1031 瀏覽

鐵人賽自我挑戰組 DAY 29

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

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

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

TerryYu ‧ 2020-09-29

0 Like 0 留言 1570 瀏覽

鐵人賽自我挑戰組 DAY 28

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

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

Day28 六角模仿遊戲#1 簡單小語這個週末偷懶了一下，多花了點時間完成這個模仿遊戲，再次把最近學到的To Do List給放進來刻意練習一遍，Java...

TerryYu ‧ 2020-09-28

0 Like 0 留言 824 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 Day27 網頁前端-刻意練習(RWD#3)

Day27 六角 RWD#3 簡單小語圖片的版型看到就想要練習，又看到這種斜一邊然後小尺寸變正的圖片縮放樣式，模糊效果及觸及事件，看到就忍不這想趕快學習並實...

TerryYu ‧ 2020-09-27

0 Like 0 留言 984 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 Day26 網頁前端-刻意練習(RWD#2)

Day26 六角 RWD #2 簡單小語這次看到了兩個版型就毫不猶豫合併並且加入最近所學的JS功能(ToDoList及Time Clock)，這個heade...

TerryYu ‧ 2020-09-26

0 Like 0 留言 1407 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 Day25 網頁前端-刻意練習(RWD#1)

Day25 六角 RWD #1 簡單小語一開始看到覺得應該不難，結果RWD直接卡住不知道Table該怎麼排，後來發現參考樣板的方式，利用dataset的方式...

TerryYu ‧ 2020-09-25

0 Like 0 留言 911 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

Day24 六角 Off Canvas #3 簡單小語沒想到OffCanvas練習了三篇，看到這個版覺得有趣，立馬又想寫一個，雖然有些效果不同但大部分應該是...

TerryYu ‧ 2020-09-24

0 Like 0 留言 925 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

Day23 六角 Off Canvas #2 簡單小語 CodePen看看高手們的OffCanvas的模樣，一看到這個照片的樣板，就決定嘗試做做看了，做完發現...

TerryYu ‧ 2020-09-23

0 Like 0 留言 973 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

TerryYu ‧ 2020-09-22

0 Like 1 留言 1180 瀏覽

鐵人賽自我挑戰組 DAY 21

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

技術 Day21 網頁前端-刻意練習(名片練習)

Day21 六角名片練習簡單小語一看到名片就想接著昨天的練習做結合，讓每點擊一次名片就會更換，而且職稱還越來越高呢，現在練習的問題在於配色，對於美籍顏色...

TerryYu ‧ 2020-09-21

0 Like 0 留言 943 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

TerryYu ‧ 2020-09-20

0 Like 0 留言 887 瀏覽

鐵人賽自我挑戰組 DAY 19

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

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

Day19 六角 Flex時光屋#1 簡單小語看到當時時光屋練習的作品，想說挑兩個來整併，當作練習的機會，這次的結構不一樣的是，header及footer使...

TerryYu ‧ 2020-09-19

0 Like 0 留言 905 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day18 網頁前端-刻意練習(履歷表#3)

Day18 AC 履歷表#3 簡單小語剛好切到這個版面時學習了基礎Github，因此也把連結放上來，算是小小練習，這個版面一看到就非常吸引我，原因到現在都不...

TerryYu ‧ 2020-09-18

0 Like 0 留言 1423 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Day17 網頁前端-刻意練習(履歷表#2)

Day17 AC 履歷表#2 簡單小語發現一個樣板的履歷網站再次練習履歷切版，加深觀念，每一次的切版，每一次的練習，都是成就更好的自己，雖然是簡單樣板，相信...

TerryYu ‧ 2020-09-17

0 Like 0 留言 1166 瀏覽

鐵人賽自我挑戰組 DAY 16

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

技術 Day16 網頁前端-刻意練習(履歷表#1)

Day16 AC 履歷表#1 簡單小語很快地又來到履歷頁面的練習，想當初剛開始學習時就在思考要放什麼在履歷表中，到了現在還是一頭霧水，就是一直練習一直練習，...

TerryYu ‧ 2020-09-16

0 Like 0 留言 2236 瀏覽

鐵人賽自我挑戰組 DAY 14

WordPress 客製化從 0 開始系列第 14 篇

技術 Day 14 用 WordPress 看 JavaScript：DOM 與 jQuery

大家好，我是 Eric。為了要探討 WordPress 客製化中的 JavaScript，今天要來說明 DOM 與 jQuery。透過了解 jQuery，我們...

Eric 桓桓 ‧ 2020-09-15

1 Like 0 留言 1662 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術 Day15 網頁前端-刻意練習(英雄頁面#2)

Day15 AC 英雄頁面#2 簡單小語雖然都是簡易排版及臨時起意的想法，可能實務上用到機會不大，加入了好久沒使用的輪播效果，認為目前尺寸的控制還需加強，常...

TerryYu ‧ 2020-09-15

0 Like 0 留言 1194 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day14 網頁前端-刻意練習(英雄頁面#1)

Day14 AC 英雄頁面#1 簡單小語之前在學習AC時做鋼鐵人的練習，當時就想有一天一定要做其他角色然後放上其餘資訊，所以到了今天就毫不猶豫的練習一波，光...

TerryYu ‧ 2020-09-14

0 Like 0 留言 2086 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 Day13 網頁前端-刻意練習(切版練習)

Day13 金魚切版練習簡單小語金魚的尾聲，總結一下自己練習所學，因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足)，練習的過程也真的...

TerryYu ‧ 2020-09-13

1 Like 1 留言 1254 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Day12 網頁前端-刻意練習(不規則邊緣)

Day12 金魚不規則邊緣簡單小語這次的練習較為簡單些，主要就是每個元素的位置控制及掌握，才能讓不規則的邊緣呈現樣式，再利用padding的方式向上推展...

TerryYu ‧ 2020-09-12

1 Like 0 留言 2537 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

TerryYu ‧ 2020-09-11

0 Like 0 留言 2088 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day10 網頁前端-刻意練習(文字排版)

Day10 金魚文字排版簡單小語這次練習的文字排版，一開起來才發現，之前切的都亂掉了且有點難看，開始有點刻意練習的效果出來，就是一看到這東西就會想說怎麼...

TerryYu ‧ 2020-09-10

0 Like 0 留言 1714 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day9 網頁前端-刻意練習(JQ選單)

Day9 金魚 JQ選單簡單小語之前練習往往都是在header上會花些時間，這次的刻意練習就選JQ選單來加深印象，雖然樣板差不多差異在其特效及RWD差異，...

TerryYu ‧ 2020-09-09

0 Like 0 留言 2024 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day8 網頁前端-刻意練習(簡易表格)

Day8 金魚簡易表格簡單小語練習表格一開始真的會搞不清楚欄跟列的排序方式，再慢慢練習後終於知道tr,th,td差異處，一開始看出還真的一頭霧水呢，表格...

TerryYu ‧ 2020-09-08

0 Like 0 留言 2186 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day7 網頁前端-刻意練習(會員登入)

Day7 金魚會員登入簡單小語會員登入畫面的練習，增加了觸摸效果及使用者體驗，先前看Amos老師教學時以為不難，實作才發現很多觀念不足，例如如何放圖片到...

TerryYu ‧ 2020-09-07

0 Like 0 留言 1290 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Day6 網頁前端-刻意練習(綜合練習#2)

Day6 金魚綜合練習#2 簡單小語這次的練習花的時間長了點，主要就是各種不規則以及動畫的搭配上，花了較多時間，也練習了OffCanvas，Scroll...

TerryYu ‧ 2020-09-06

0 Like 0 留言 1658 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Day5 網頁前端-刻意練習(綜合練習#1)

Day5 金魚綜合練習#1 簡單小語這次的練習發現許多細節在初學時沒有注意好，例如空間的配置以及padding及margin的應用，如何讓版面排起來增加可...

TerryYu ‧ 2020-09-05

0 Like 0 留言 2293 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 Day4 網頁前端-刻意練習(稀飯版+蓋版廣告)

Day4 金魚稀飯版+蓋版廣告簡單小語這次多練習了偽元素before跟after，還記得當初看到Amos老師用這個功能，真的是一頭霧水看不懂，也很好奇這...

TerryYu ‧ 2020-09-04

0 Like 0 留言 2638 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 Day3 網頁前端-刻意練習(稀飯版)

Day3 金魚稀飯版簡單小語依稀記得當初看到Amos老師說稀飯版就是吃飯一樣簡單，那時的我真覺得太扯了，要切出那樣的版面居然說是簡單，到這次刻意練習時發...

TerryYu ‧ 2020-09-03

0 Like 1 留言 2413 瀏覽

鐵人賽自我挑戰組 DAY 2

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

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

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

TerryYu ‧ 2020-09-02