iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

勇者Jason和前端之鑰 系列

「勇者...勇者...」耳邊傳來睿智長者的輕語
「我...我這是在哪?」勇者感到不解
「我剛剛不是才在Monospace喝著有獸醫把關牛乳,怎麼現在出現在這裏?」
看著四周環繞者一堆張牙舞抓、蓄勢待發的iT鐵人,勇者不禁嘎了一下冷筍,將褲頭往上勒緊了些
「歡迎來到第九屆iT鐵人賽!」台上穿著制服的女性機器人立刻吸引了大家的目光
「那可是全球限量的機器人呢!」
「據說那是iT邦老闆的私人珍藏呢!」
女性機器人的出現讓台下引起一陣不小的騷動
「你們將要挑戰自我,參加一項為期30天的鐵人競賽,勇往直前吧!鐵人們」

我叫Jason
剛接觸網頁前端30天
未來的三十天請多多指教

鐵人鍊成 | 共 32 篇文章 | 63 人訂閱 訂閱系列文 RSS系列文 團隊Lorem100+tab
DAY 11

【DAY11】git flow & github flow

這是最後一篇有關git的了!剛好是我最近遇到的問題正如同一開始把git跟github搞混,git flow跟github flow也是花了我不小的時間去理解 其...

2017-12-30 ‧ 由 JasonYang 分享
DAY 12

【DAY12】盒模型 box model

開始推element的時候,一定會開始接觸到margin吧!你知道除了margin之外,還有其他的東西嗎? 一開始接觸margin的我只覺得:margin是一個...

2017-12-31 ‧ 由 JasonYang 分享
DAY 13

【DAY13】語意化標籤!讓別人看懂你在寫什麼!

今天來介紹一下語意化標籤!雖然,接觸到許多tag,可是最常用的還是div,打怪練功,常常拿著div這一把劍從頭砍尾。我常常寫成這樣: <div class...

2018-01-01 ‧ 由 JasonYang 分享
DAY 14

【DAY14】即使是個工程師,也可以是個UX設計師

從開始發鐵人文到現在,一直覺得每篇鐵人文要寫出一點內容,每篇都要有一些能讓人得到知識的東西。 就在跨年結束,上工的第一天,好想工作室的Howard來到了Mono...

2018-01-02 ‧ 由 JasonYang 分享
DAY 15

【DAY15】權重?壓的你心發寒。

記得我在【DAY5】曾經說過的一個詞「權重」,今天就來算一下權重吧! 根據w3c,我們可以將各種selectors(選擇器)分類,給他權重。 首先,我們先建立一...

2018-01-03 ‧ 由 JasonYang 分享
DAY 16

【DAY16】flexbox,靈巧的box。

今天先講個故事再來心得文,昨天早上去探望一位得淋巴癌的長者,聊著之前去泰國交換的事。長者名叫錢叔,是長期協助泰國農業的人,身為農業交流團團員的我因而到了清邁,認...

2018-01-04 ‧ 由 JasonYang 分享
DAY 17

【DAY17】新手常遇到的問題:遇到不唯一解時,不知道還有更棒的方法。(多看、多問)

知道為什麼昨天要介紹flexbox嗎?和今天是有關聯的! 當我在切第二個版的時候,雖然拿到的圖是一欄式的,但是我想要切切看兩欄式,所以就發現了一些問題。兩欄不等...

2018-01-05 ‧ 由 JasonYang 分享
DAY 18

【DAY18】SCSS,讓寫CSS變的很優雅!

原本的想法是要寫bootstrap 4的,(寫了一半)但是因為想嘗試一點新的東西,所以,先來講講我昨天新學的SCSS。(重新開始寫) 首先開啟一個專案資料夾te...

2018-01-06 ‧ 由 JasonYang 分享
DAY 19

【DAY19】bootstrap 4,boo一下!通通都跑出來了呢!

bootstrap 4我聽到的很多種評價,有人認為bootstrap用了一堆!important,一個壓一個,壓到最後網頁很難維護。 關於這點,A同學有不同看法...

2018-01-07 ‧ 由 JasonYang 分享
DAY 20

【DAY20】RWD響應式網頁設計

bootstrap的網格系統用flexbox建立,不過在我們開始使用前,先來了解斷點!所以明天再來寫grid system。 以往的顯示器大小都差不多,寫網頁的...

2018-01-08 ‧ 由 JasonYang 分享