iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

鉄人28号FX 系列

網路上 95% 的訊息皆是圖文。
可以合理地說,前端設計師應該在塑造文本訊息的主要學科中獲得良好的培訓,
也就是現今的排印學。— Oliver Reichenstein

而「圖像」與「文本」佈局整合,又同來自一個共同點: inline 元素。

鐵人鍊成 | 共 30 篇文章 | 20 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v3.0
DAY 1

鉄人28号FX 鉄人1号「行內熊」inline element

謎之音:網路世界 95% 的訊息皆是圖文。可以合理地說,前端設計師應該在塑造文本訊息的主要學科中獲得良好的培訓,也就是現今的排印學。— Oliver Reic...

2019-09-16 ‧ 由 letter liu 分享
DAY 2

鉄人28号FX 鉄人2号「文本士」content area

★ 村落裡某一角落 ↓↓↓ 顯示武器店位置圖 武器店前 [文本士]:你是否能在預設情況下,對行內元素進行設定樣式屬性 width 與 height? 繼續接著說...

2019-09-17 ‧ 由 letter liu 分享
DAY 3

鉄人28号FX 鉄人3号「置換象」replaced elements

★ 村落裡某條街上 ↓↓↓ 顯示商店位置圖 (*゚ー゚):為何對「inline」設定寬度與高度,卻又能正常顯示? :不解的追問。 閱讀前,建議先向 鉄人2号「文...

2019-09-18 ‧ 由 letter liu 分享
DAY 4

鉄人28号FX 鉄人4号「字戰隊」font-family

★ 村外西南方小樹林 ↓↓↓ 顯示樹林位置圖 也不知道村長什麼意思?邊走邊打開手上紙條,上面寫著: (疑~)字體與字型使用區別: 字體:泛指不同家族,明體、黑...

2019-09-19 ‧ 由 letter liu 分享
DAY 5

鉄人28号FX 鉄人5号「功能獸」Display vs Text typeface

★ 村外西南方樹林間 ↓↓↓ 顯示樹林位置圖 (☍﹏⁰。) 慌亂逃走樣 )看來好像暫時逃脫了。咻~呼 回過神後,目前在哪~)不管了,看紙條上有無提示: 功能取向...

2019-09-20 ‧ 由 letter liu 分享
DAY 6

鉄人28号FX 鉄人6号「字級羊」font-size

★ 支線:返回村落路程中 ↓↓↓ 顯示村落位置圖 :終於安全回到村裡,根本就是鬧劇一場! :ㄟ ㄟ!那個誰 )叫我?!嗨!叔叔好! 揮手) :半山坡木屋旁有養了...

2019-09-21 ‧ 由 letter liu 分享
DAY 7

鉄人28号FX 鉄人7号「字重牛」font-weight

★ 支線:夢境返回現實中 ↓↓↓ 顯示半山坡位置圖 ↑↑ MEN!+50% )↓ CON!-30% ) (~O~):打呵欠!! (伸懶腰 ) :好餓哦~~到處巡...

2019-09-22 ‧ 由 letter liu 分享
DAY 8

鉄人28号FX 鉄人8号「色域石」color

★ 支線:半山坡湖口邊 ↓↓↓ 顯示山坡位置圖 :餓到極限!(◎ロ◎;) 頭暈眼花 湖邊波光粼粼(:發光物 閃?) 湖口邊 [色域石]:✧*:・゚✧*:・゚✧...

2019-09-23 ‧ 由 letter liu 分享
DAY 9

鉄人28号FX 鉄人9号「修飾蝠」text-decoration

★ 地圖東南方林中村落 ↓↓↓ 顯示村落位置圖 村長: 終於回來了。已收集足夠資料? X:沒有耶 )重新返回街上! (;゚д゚) O:當然有啊。 心虛樣 ) 唉...

2019-09-24 ‧ 由 letter liu 分享
DAY 10

鉄人28号FX 鉄人10号「幻影狐」font-style

★ 地圖近郊岩洞底層 ↓↓↓ 閱讀前,建議先前往 鉄人9号「修飾蝠」獲取少量經驗值,此為岩洞口探索續章。 顯示岩洞口位置圖 怦怦!心跳聲。) 靜。 岩洞口 [幻...

2019-09-25 ‧ 由 letter liu 分享