iT邦幫忙

鐵人檔案

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

鉄人28号FX 系列

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

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

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

鉄人28号FX 鉄人11号「變體蟲」font-variant

★ 地圖近郊岩洞底層 ↓↓↓ 閱讀前,建議先前往 鉄人10号「幻影狐」獲取少量經驗值,此為岩洞口探索終章。 顯示岩洞層位置圖 好像不能再往前? 但牆柱上似乎隱約...

2019-09-26 ‧ 由 letter liu 分享
DAY 12

鉄人28号FX 鉄人12号「匿名劍」::first-letter, ::first-line, ::selection

★ 支線:地圖東南方林中村落 ↓↓↓ 顯示村落位置圖 村長: 也該是時候,到外面世界去看看。 雖然你很令人擔心。 但也還算是全村希望!! (;゚д゚) 總之記得...

2019-09-27 ‧ 由 letter liu 分享
DAY 13

鉄人28号FX 鉄人13号「縮進盾」text-indent

★ 支線:地圖東南方林中村落 ↓↓↓ 顯示防具店位置圖 :您好。我想找?! NPC [防具店老闆]: 什麼都有,什麼都賣,什麼都不奇怪! 好盾,好鈍,好睏~~?...

2019-09-28 ‧ 由 letter liu 分享
DAY 14

鉄人28号FX 鉄人14号「空白彈」white-space, word-break, overflow-wrap

★ 支線:地圖東南方林中村落 ↓↓↓ 顯示道具屋位置圖 NPC [道具屋老闆]: 我這邊有各種樣式的空白彈, 在必要時,可以任意移開擋在前面的所有文字。 或許混...

2019-09-29 ‧ 由 letter liu 分享
DAY 15

鉄人28号FX 鉄人15号「間距蟻」letter-spacing, word-spacing, line-height

★ 地圖西北方未知區域 ↓↓↓ 第一次踏上遠程。還真新奇。 按照地圖指示, 會先經過峽谷森林,繼續再往東前行, 就到了村長所說目的地: ——雷奧鎮。 顯示峽谷森...

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

鉄人28号FX 鉄人16号「行高怪」line-height

★ 地圖西北方峽谷森林 ↓↓↓ 傳送卷軸,建議先向 鉄人2号「文本士」收集資料,此章為進階續文。 顯示峽谷森林位置圖 方向感為零摸索前進著。 峽谷森林 [行高怪...

2019-10-01 ‧ 由 letter liu 分享
DAY 17

鉄人28号FX 鉄人17号「垂直虎」vertical-align

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖 森林橋 [???]: 能真正駕馭此屬性,才是如虎添翼啊。( 哈哈!!傲慢樣。) 傳送卷軸,建議先向 鉄人16...

2019-10-02 ‧ 由 letter liu 分享
DAY 18

鉄人28号FX 鉄人18号「左右蛙」text-align, text-align-last

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖 睡前數羊數著數著……天就亮了。 眼前好美啊! 痾?? ) 峽谷瀑布 [左右蛙]: 為什麼總是一再找麻煩? 你...

2019-10-03 ‧ 由 letter liu 分享
DAY 19

鉄人28号FX 鉄人19号「字間蜂」text-justify

★ 地圖西北方峽谷森林 ↓↓↓ 閱讀前,建議先前往 鉄人18号「左右蛙」獲取經驗書,此為峽谷森林終章。 顯示峽谷森林位置圖 雖能運用自如,但疑惑的是 「怦然心動...

2019-10-04 ‧ 由 letter liu 分享
DAY 20

鉄人28号FX 鉄人20号「省略蚊」text-overflow

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖 :只要過了這沼澤,就是森林出口了!! 倒是該怎麼走過去呢? 苦惱樣 ) 眼前黑一片。 (゜皿。) 森林沼澤...

2019-10-05 ‧ 由 letter liu 分享