Milligram: Normalize.css v.6.0.0์€ ์ž…๋ ฅ ๊ธ€๊ผด ํฌ๊ธฐ ์Šคํƒ€์ผ์„ ์ค‘๋‹จํ•ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 03์›” 29์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: milligram/milligram

๋ฒ„์ „ 6.0.0์—์„œ ์ผ๋ถ€ ์ž…๋ ฅ ์š”์†Œ ์Šคํƒ€์ผ์ด ์ œ๊ฑฐ๋œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ž…๋ ฅ ๊ธ€๊ผด ํฌ๊ธฐ ์†์„ฑ์€ ์ด์ œ ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ ์Šคํƒ€์ผ์—์„œ ์ƒ์†๋ฉ๋‹ˆ๋‹ค.

v.5.0.0์„ ์ •๊ทœํ™”ํ•ฉ๋‹ˆ๋‹ค.
screen shot 2017-03-29 at 15 47 58

v.6.0.0์„ ์ •๊ทœํ™”ํ•ฉ๋‹ˆ๋‹ค.
screen shot 2017-03-29 at 15 47 42

Hacktoberfest

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

normalize.css๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ณผ๋„ํ•˜๋‹ค๋Š” ์ ์— ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.

๋„ค ๊ทธ๋ƒฅ ์ œ์ณ๋‘๊ณ  ์žˆ์—ˆ์–ด์š”.

๋‚˜๋Š” ์ด ๋ฌธ์ œ์— ๋™์˜ํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ์•„๋งˆ๋„ Milligram์€ ๋‚ด๊ฐ€ ๊ฒŒ์‹œํ•œ ๊ฒƒ๊ณผ ์œ ์‚ฌํ•œ ๋ฏธ๋‹ˆ ๋ฆฌ์…‹์„ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  7 ๋Œ“๊ธ€

๋”ฐ๋ผ์„œ ์ž…๋ ฅ ๊ธ€๊ผด ํฌ๊ธฐ ์†์„ฑ์€ ์ด์ œ ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ ์Šคํƒ€์ผ์—์„œ ์ƒ์†๋ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ Normalize.css์˜ ๋ฌธ์ œ๊ฐ€ ์•„๋‹Œ๊ฐ€์š”?

Normalize.css์— ๋ฌธ์ œ๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ‹ฐ์ผ“์„ ์—ด๊ณ  ๋‹ค์‹œ ๋ณด๊ณ ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

Normalize.css์—์„œ ๋ชจ๋“  ๋…๋‹จ์ ์ธ CSS ๊ทœ์น™์„ ์ œ๊ฑฐํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ปค๋ฐ‹ #649๋ฅผ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค. ์ œ๊ฑฐ๋œ ์–‘์‹ ์š”์†Œ ์Šคํƒ€์ผ์—๋Š” font-size ์™€ ๊ฐ™์ด body ์—์„œ ์ƒ์†๋  ์ˆ˜ ์žˆ๋Š” ์Šคํƒ€์ผ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ทœ์น™ ์ค‘ ์ผ๋ถ€๋Š” ์–‘์‹ ์Šคํƒ€์ผ์„ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ๋‚˜๋จธ์ง€ ๋ถ€๋ถ„๊ณผ ์ผ๊ด€์„ฑ ์žˆ๊ฒŒ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ๋ฐ€๋ฆฌ๊ทธ๋žจ์— ํฌํ•จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ—ˆ, ๊ทธ๊ฑด... ๊ฐ•๋ ฌํ•˜๋‹ค. https://milligram.github.io/forms.html ์˜ ์–‘์‹์ด ์™„์ „ํžˆ ์ •์ƒ์ ์œผ๋กœ ๋ณด์ด๊ณ  normalize๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ํ™•์‹ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์Šคํฌ๋ฆฐ์ƒท์€ ์—ฌ์ „ํžˆ โ€‹โ€‹์ด์ƒํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‚˜๋Š” ์ด๊ฒƒ์ด Milligram์˜ ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

FWIW Milligram๊ณผ ํ•จ๊ป˜ ํ›จ์”ฌ ๋” ์ž‘์€ CSS ์žฌ์„ค์ •์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. https://github.com/nateberkopec/speedshop/blob/master/_sass/mini-reset.sass

Milligram์€ ~9kb ๋น„์••์ถ•/๋น„์ถ•์†Œ์ด๊ณ  Normalize๋Š” ~7.5kb์ž…๋‹ˆ๋‹ค. ๋‚ด ์ƒ๊ฐ์—๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์™€ ๋™์ผํ•œ ํฌ๊ธฐ์˜ CSS ์žฌ์„ค์ •์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ณผ๋„ํ•ฉ๋‹ˆ๋‹ค.

normalize.css 5.0.0์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์–‘์‹ ์ด ์ •์ƒ์ ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค. ์†Œ์Šค๋ฅผ ํ™•์ธํ•˜์„ธ์š”. ๊ทธ๋ฆฌ๊ณ  ์žฌ์„ค์ •์—๋Š” normalize.csss 5.0.0๊ณผ ๊ณตํ†ต๋œ ์Šคํƒ€์ผ์ด ์žˆ์œผ๋ฏ€๋กœ ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

normalize.css๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ณผ๋„ํ•˜๋‹ค๋Š” ์ ์— ๋™์˜ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์—ฌ๊ธฐ์„œ ๋ฌธ์ œ๋Š” ํฌ๊ธฐ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ๋ฌธ์ œ๋Š” ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ์žฌ์„ค์ •๊ณผ ๊ด€๊ณ„์—†์ด ๋ฐ€๋ฆฌ๊ทธ๋žจ ์‚ฌ์ดํŠธ์— ๊ด‘๊ณ ๋œ ๋ชจ์–‘์„ ์–ป์„ ์ˆ˜ ์žˆ๋Š”์ง€ ์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์ด ๋ฐ€๋ฆฌ๊ทธ๋žจ๊ณผ ๊ด€๋ จ์ด ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

normalize.css๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ณผ๋„ํ•˜๋‹ค๋Š” ์ ์— ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.

๋„ค ๊ทธ๋ƒฅ ์ œ์ณ๋‘๊ณ  ์žˆ์—ˆ์–ด์š”.

๋‚˜๋Š” ์ด ๋ฌธ์ œ์— ๋™์˜ํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ์•„๋งˆ๋„ Milligram์€ ๋‚ด๊ฐ€ ๊ฒŒ์‹œํ•œ ๊ฒƒ๊ณผ ์œ ์‚ฌํ•œ ๋ฏธ๋‹ˆ ๋ฆฌ์…‹์„ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@negativefix ํฐ ์ผ์„
์ •๋ง ๊ณ ๋ง™์Šต๋‹ˆ๋‹ค.

@nateberkopec ๋งž์Šต๋‹ˆ๋‹ค. normalize.css๋ฅผ ๋ณ€๊ฒฝํ•  ๋•Œ์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ์ƒˆ๋กœ์šด ๊ฒƒ์„ ์ž‘์—…ํ–ˆ์ง€๋งŒ Milligram์—์„œ ๋งŽ์€ ์‹œ๊ฐ„์„ ๋ณด๋ƒˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ชจ๋“  ๊ฒƒ์ด ๊ดœ์ฐฎ์€์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ์—ฐ๊ตฌ/ํ…Œ์ŠคํŠธ๋ฅผ ๋‹ค์‹œ ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

btw, ๋‚˜๋Š” ๋‰ด์Šค๋ฅผ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค: Milligram v1.4.0 https://github.com/milligram/milligram/pull/244

์ œ๊ฐ€ ๋„์™€๋“œ๋ฆด ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์ด ์žˆ์œผ๋ฉด ๋ง์”€ํ•ด์ฃผ์„ธ์š”.
์ง€๊ธˆ์€ ์ด ๋ฌธ์ œ๋ฅผ ๋‹ซ๊ฒ ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰