iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

鉄人28号FX 系列

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

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

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

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

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

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 分享