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

0 Like 0 留言 1202 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 15: 上上下下左左右右要怎麼解決呢？ CSS nth-child

最近切版常常遇到看似規則，但又不規則，一下偏左，一下偏右，在我還沒遇到nth-child 前，我的解決方式都是一千零一招，複製貼上各個class,每次邊貼心裡都...

jason06286 ‧ 2020-05-24

1 Like 0 留言 1410 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___？CSS filter

CSS filter簡單來說就是濾鏡功能，以下整理幾個常用的功能。 1.blur模糊(px) 越大越模糊，如果想要朦朧美就參考這個吧！ filter:blur(...

jason06286 ‧ 2020-05-17

1 Like 0 留言 2794 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 13: CSS | 假的！假的！這一切都是假的！偽元素 - 基本用法

什麼是偽元素？它不是網頁元素，但行為、表現又像元素一樣，可以用CSS操控。簡易來說它就是個分身術，常用的偽元素有::before、::after兩種。 ::b...

jason06286 ‧ 2020-05-10

3 Like 1 留言 6190 瀏覽

技術 [鼠年全馬鐵人挑戰] Week14 - 超新手學前端-前端工程師必學技能

寫了超過十篇文章才發現都沒有介紹到學習前端工程師需要學習的技能XD這週就來記錄一下當時我收集的資訊吧:) 前端工程師需要學習的語言想往前端工程師這條路前，首先...

a841722 ‧ 2020-05-10

0 Like 0 留言 1377 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度！Emmet原來可以這樣用！

最近參加了六角學院的切版班，想要提升自己的切版速度，分享幾個我常用的方式。如果有更好或覺得不錯的方法，可以留言分享喔！需要你們打開我的新世界基本用法 !=&...

jason06286 ‧ 2020-05-03

1 Like 0 留言 6988 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

在還沒認識Flex前我的水平垂直置中招式，永遠都只有這幾招，line-height+margin auto或用postion來設定，但每次遇到的狀況還不一定能用...

jason06286 ‧ 2020-04-26

1 Like 0 留言 1330 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影，我的淚很快地流下來了。 box-shadow

還記得國中時，老師國文課時上到朱自清-背影，雖然內容不多，但內容卻十分豐富，國中時我還是位懵懂的少年，不經世事的孩子，對文章的真情未必有深入的感受及透澈。僅僅瞭...

jason06286 ‧ 2020-04-17

4 Like 1 留言 2581 瀏覽

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門：CSS 的基本語法

大家好啊~~又見面惹~ 不知道清明連假大家有沒有乖乖待在家防疫還是有出遠門走走呢? 四天連假只待在離家不遠的地方走走運動，其餘時間就是待在家休息感覺待在家才是...

a841722 ‧ 2020-04-04

2 Like 1 留言 7976 瀏覽

技術 [鼠年全馬鐵人挑戰] Week08 - 超新手入門：HTML 的基本語法

Hi~又見面啦:) 想必很多剛開始碰前端程式語言的新手都會對一堆程式碼搞的頭很痛(嗯，我就是...)新手一開始必定會接觸到 HTML 及 CSS語法，但我該用哪...

a841722 ‧ 2020-03-29

1 Like 0 留言 1679 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓，用 border-radius 讓你圓又圓

雖然離中秋節還很遠，已經想烤肉了XD ，但每次抬頭仰望星空，看到月亮一點一滴的變化，讓我心中掀起小波瀾，心中思考著要如何讓月亮長存，而不是只有黑夜。如何使用...

jason06286 ‧ 2020-04-11

0 Like 0 留言 2654 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 08: head裡面到底在寫什麼？我怎麼看不懂？

剛開始學HTML時，都從body裡的內容開始學，很少用到head裡面的標籤，當打開別人的網頁時，看到head怎麼寫得滿滿的，看到就頭昏眼花，於是就激發了筆者的...

jason06286 ‧ 2020-04-04

0 Like 0 留言 2146 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤！讓別人看懂你在寫什麼！

什麼是語意標籤？？為了讓標籤(Tag)更具意義，已加強文件的結構化，讓搜尋引擎更清楚瞭解，可以更清楚表現網頁中每個區塊的設計目的。為什麼要用語意標籤？可...

jason06286 ‧ 2020-03-28

3 Like 1 留言 2385 瀏覽

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記：淺談 RWD (響應式網頁設計)

Hi~又見面啦這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計，發現可以運用的好多也不少細節呢~想好好把學到的寫成筆記增加自已的印象 :)所以最近幾...

a841722 ‧ 2020-03-15

1 Like 0 留言 2196 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字！

首先我們要先知道什麼是SEO？沒有SEO，人們只有5.59%的機會找到你 SEO為什麼重要？讓人們看見你以Google的角度而言 :Google不斷的更...

jason06286 ‧ 2020-03-22

1 Like 0 留言 3464 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到？讓我們來瞭解CSS權重！

以前我在寫css的時候，常常發現沒寫錯但為什麼沒反應？然後開始陷入debug迴圈，後來才發現是權重出了問題，我想這也是大家都經歷過的痛吧！在剛開始寫CSS的時...

jason06286 ‧ 2020-03-14

0 Like 0 留言 1655 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 04:人要衣著，佛要金裝！用CSS為網頁穿上衣服

如果說html是人，css就是衣服。俗話說:人要衣著，佛要金裝。穿搭得宜，宅男都會變型男無誤。首先我們先在css資料夾下建立一個style.css，然後在ht...

jason06286 ‧ 2020-03-08

1 Like 0 留言 4272 瀏覽

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記： RWD 基礎語法

Hi~又見面啦今天來學習一下 RWD 的基礎小語法，希望可以學習練習的過中程能熟能生巧呀想要讓原本在桌上型電腦能看的網頁加上 RWD 自適應網站功能時需先加...

a841722 ‧ 2020-03-21

0 Like 1 留言 2831 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

什麼是box-model? 意思是在 CSS 裡面，html 的每個元素都可被視作為一個盒子，然後可以針對這個盒子去做調整 Margin -負責調整元素與元...

jason06286 ‧ 2020-03-01

0 Like 0 留言 2839 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 02：瞭解Html標籤及特性-標籤下的好，架構沒煩惱！

瞭解Html標籤及特性每個Html標籤都有其功能及特性，或許很抽象。我用遊戲來做譬喻，Html標籤就像是遊戲中的職業有各種功能，而屬性就像遊戲中的公會，每個職...

jason06286 ‧ 2020-02-23

2 Like 1 留言 2527 瀏覽

技術 [鼠年全馬鐵人挑戰] Week04 - JavaScript 新手學習筆記：運算式的求值結果

Hi~大家好又見面啦~最近開始學習 JavaScript 對我來說是前端大魔王啊~~~(驚)但是 JavaScript 在前端的世界上是扮演最重要的角色也是必...

a841722 ‧ 2020-02-25

4 Like 1 留言 3065 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 01：無經驗非本科技轉職前端歷程

Photo by Pixabay on Pexeles正在看著文章的大家們，這是小弟第一次參加鐵人挑戰賽，也是開啟我的文章生涯，再請大家不吝嗇的指教！ヽ༼ಢ_...

jason06286 ‧ 2020-02-16

4 Like 0 留言 12061 瀏覽

技術關於 localStorage 使用說明

為什麼要學 localStorage，原因大概如下面所說一樣：將資料從頁面中的程式碼儲存到 Web瀏覽器的儲存空間當中。如此一來，本來存入程式碼當中的資料，...

yolala ‧ 2020-02-16

6 Like 3 留言 3400 瀏覽

技術 [鼠年全馬鐵人挑戰] Week02 - 超新手小知識：HTML、CSS、JavaScript的關連性

Hi~大家我們又見面啦:)上星期那篇文章出乎我的意料的有很多人關注真的嚇歪我啦XDDD謝謝大家對於我這個剛碰程式的新手小嫩嫩那麼大的支持呀~讓我有更多的動力去...

a841722 ‧ 2020-02-13

1 Like 0 留言 1456 瀏覽

技術新手學前端-JavaScript：資訊如何帶進去的語法

Html語法： < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

a841722 ‧ 2019-10-15

1 Like 2 留言 1280 瀏覽

鐵人賽自我挑戰組 DAY 30

新手村－30 Day JS Coding Challenge 系列第 30 篇

技術新手村30 - Whack A Mole

30 - Whack A Mole 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small steps...

Chester ‧ 2019-10-15

2 Like 0 留言 1404 瀏覽

鐵人賽 Modern Web DAY 29

鉄人28号FX 系列第 29 篇

技術鉄人28号FX　鉄人29号「雲端蛇」WebFont, IconFont

★ 地圖雷奧鎮山神廟 ↓↓↓ 顯示雷奧鎮廟口位置圖請問？您就是？ (找你半個月。很會躲是不是！) 雷奧鎮廟口 [鎮長]：你終於順利走到這，在這趟漫漫旅程中，...

letter liu ‧ 2019-10-14 ‧團隊好想工作室 v3.0

0 Like 0 留言 1581 瀏覽

鐵人賽自我挑戰組 DAY 29

新手村－30 Day JS Coding Challenge 系列第 29 篇

技術新手村29 - Countdown Timer

29 - Countdown Timer 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small st...

Chester ‧ 2019-10-14

1 Like 0 留言 1319 瀏覽

鐵人賽 Modern Web DAY 28

鉄人28号FX 系列第 28 篇

技術鉄人28号FX　鉄人28号「渲染俠」font-display, font-synthesis

★ 地圖雷奧鎮某街上 ↓↓↓ 傳送卷軸，建議先向鉄人27号「格式鬼」探索運作原理，此為雷奧鎮進階續文。顯示雷奧鎮轉角位置圖抱歉？我想打聽一個人，請問鎮長...

letter liu ‧ 2019-10-13 ‧團隊好想工作室 v3.0

0 Like 0 留言 1319 瀏覽

鐵人賽自我挑戰組 DAY 28

新手村－30 Day JS Coding Challenge 系列第 28 篇

技術新手村28 - Video Speed Controller

28 - Video Speed Controller 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ s...

Chester ‧ 2019-10-13

0 Like 0 留言 1387 瀏覽

鐵人賽自我挑戰組 DAY 27

新手村－30 Day JS Coding Challenge 系列第 27 篇

技術新手村27 - Click and Drag

27 - Click and Drag 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small ste...

Chester ‧ 2019-10-12

技術 鼠年全馬鐵人挑戰 WEEK 15: 上上 下下 左左 右右 要怎麼解決呢？ CSS nth-child

技術 鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___？CSS filter

技術 鼠年全馬鐵人挑戰 WEEK 13: CSS | 假的！假的！這一切都是假的！偽元素 - 基本用法

技術 [鼠年全馬鐵人挑戰] Week14 - 超新手學前端-前端工程師必學技能

技術 鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度！Emmet原來可以這樣用！

技術 鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

技術 鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影，我的淚很快地流下來了。 box-shadow

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門：CSS 的基本語法

技術 [鼠年全馬鐵人挑戰] Week08 - 超新手入門：HTML 的基本語法

技術 鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓，用 border-radius 讓你圓又圓

技術 鼠年全馬鐵人挑戰 WEEK 08: head裡面到底在寫什麼？我怎麼看不懂？

技術 鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤！讓別人看懂你在寫什麼！

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記：淺談 RWD (響應式網頁設計)

技術 鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字！

技術 鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到？讓我們來瞭解CSS權重！

技術 鼠年全馬鐵人挑戰 WEEK 04:人要衣著，佛要金裝！用CSS為網頁穿上衣服

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記： RWD 基礎語法

技術 鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

技術 鼠年全馬鐵人挑戰 WEEK 02：瞭解Html標籤及特性-標籤下的好，架構沒煩惱！

技術 [鼠年全馬鐵人挑戰] Week04 - JavaScript 新手學習筆記： 運算式的求值結果

技術 鼠年全馬鐵人挑戰 WEEK 01：無經驗非本科技轉職前端歷程

技術 關於 localStorage 使用說明