iT邦幫忙

hinolin0309
iT邦新手 4 級 ‧ 點數 365
仍為學生
4370
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

每天一份前端小作品 系列

相信大家或多或少有看過「每天畫一幅畫」然後第N天畫出一幅精美作品的勵志文章
本次便是透過鐵人賽這個機會
每日練習一份小作品，藉此複習自己所學的HTML/CSS/JavaScript等等

鐵人鍊成 ｜ 共 30 篇文章 ｜ 11 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 528 瀏覽
DAY 1

【Day1】用詩詞練習HTML&CSS

本日小作品：https://codepen.io/linchinhsuan/pen/dyMKPEV 練習重點摘要： margin: 50px auto; 如果想...

2020-09-13 ‧ 由 hinolin0309 分享
0 Like 0 留言 714 瀏覽
DAY 2

【Day2】用HTML&CSS讓青蛙排隊

本日小作品：https://codepen.io/linchinhsuan/pen/eYZKGdz 練習重點摘要： <figure> 為HTML5的...

2020-09-14 ‧ 由 hinolin0309 分享
0 Like 0 留言 482 瀏覽
DAY 3

【Day3】用HTML&CSS讓商品突出

本日小作品：https://codepen.io/linchinhsuan/pen/NWNBrxx 練習重點摘要： justify-content: space...

2020-09-15 ‧ 由 hinolin0309 分享
0 Like 0 留言 441 瀏覽
DAY 4

【Day4】用HTML&CSS做職棒戰績表

本日小作品：https://codepen.io/linchinhsuan/pen/QWNBVMm 練習重點摘要： tr:nth-child(even)針對表格...

2020-09-16 ‧ 由 hinolin0309 分享
0 Like 0 留言 521 瀏覽
DAY 5

【Day5】用HTML&CSS做漸層色

本日小作品：https://codepen.io/linchinhsuan/pen/GRZXyMq 練習重點摘要： <a href="#top&...

2020-09-17 ‧ 由 hinolin0309 分享
0 Like 0 留言 678 瀏覽
DAY 6

【Day6】用jQuery讓網頁動起來

本日小作品：https://codepen.io/linchinhsuan/pen/oNxaXJw 練習重點摘要： z-index: 2; 點擊【聯絡我們】可以...

2020-09-18 ‧ 由 hinolin0309 分享
0 Like 0 留言 596 瀏覽
DAY 7

【Day7】用jQuery控制水

本日小作品：https://codepen.io/linchinhsuan/pen/NWNOMYj 練習重點摘要： opacity: 0; 讓箭頭和冰塊一開始都...

2020-09-19 ‧ 由 hinolin0309 分享
0 Like 0 留言 555 瀏覽
DAY 8

【Day8】用jQuery開張商店

本日小作品：https://codepen.io/linchinhsuan/pen/wvGQwve 練習重點摘要： $(".open img&quot...

2020-09-20 ‧ 由 hinolin0309 分享
0 Like 0 留言 542 瀏覽
DAY 9

【Day9】用jQuery做國旗問答題

本日小作品：https://codepen.io/linchinhsuan/pen/JjXeRPL 練習重點摘要： $(this).toggleClass(&q...

2020-09-21 ‧ 由 hinolin0309 分享
0 Like 0 留言 819 瀏覽
DAY 10

【Day10】用jQuery做back to top

本日小作品：https://codepen.io/linchinhsuan/pen/ExKOMvg 練習重點摘要： title="pixabay是一個...

2020-09-22 ‧ 由 hinolin0309 分享
hinolin0309的鐵人檔案
hinolin0309的收藏
hinolin0309的追蹤
hinolin0309的Like
hinolin0309的紀錄
hinolin0309的訂閱列表