ꯌꯥꯑꯣꯔꯤꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ, ꯂꯣꯌꯅꯅꯥ LESS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯂꯧꯅꯕꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯁꯥꯡꯗꯣꯀꯄꯥ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯃꯔꯨꯃꯗꯥ LESS ꯌꯥꯑꯣꯔꯤ, ꯃꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯐꯕꯥ ꯃꯔꯨꯞ, ꯑꯦꯂꯦꯛꯁꯤꯁ ꯁꯦꯂꯤꯌꯔꯅꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ ꯂꯣꯜ ꯑꯃꯅꯤ꯫ ꯃꯁꯤꯅꯥ ꯁꯤꯁ꯭ꯇꯦꯃꯁꯤꯡꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯗꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ, ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯑꯣꯏꯍꯜꯂꯤ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯦꯃꯈꯤꯕꯥ ꯑꯃꯅꯥ ꯃꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯊꯨꯅꯥ ꯕ꯭ꯂꯣꯒ ꯄꯣꯁ꯭ꯠ ꯑꯃꯥ ꯏꯈꯤ , ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯀꯨꯞꯅꯥ ꯇꯥꯛꯂꯤ:
ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯑꯦꯛꯁꯇꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯑꯦꯜ.ꯏ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯀꯣꯗꯀꯤ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯥ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡꯒꯤꯗꯃꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ, ꯏꯆꯝ ꯆꯝꯕꯥ ꯃꯦꯊꯁꯀꯤꯗꯃꯛ ꯑꯣꯄꯔꯦꯁꯅꯁꯤꯡ, ꯅꯦꯁ꯭ꯇꯤꯡ, ꯑꯃꯁꯨꯡ ꯃꯆꯨꯒꯤ ꯐꯉ꯭ꯀꯁꯅꯁꯤꯡ ꯐꯥꯑꯣꯕꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯑꯍꯦꯅꯕꯥ ꯈꯉꯅꯕꯒꯤꯗꯃꯛ http://lesscss.org/ ꯗꯥ ꯂꯩꯕꯥ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯋꯦꯕꯁꯥꯏꯠꯇꯥ ꯆꯪꯕꯤꯌꯨ꯫
ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯅꯥ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯕꯥ ꯑꯃꯁꯨꯡ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯃꯁꯤ ꯑꯔꯣꯏꯕꯥ ꯄ꯭ꯔꯗꯛꯁꯟ ꯏꯃꯞꯂꯤꯃꯦꯟꯇ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯃꯇꯧ ꯀꯔꯝꯅꯥ...
ꯀꯃꯥꯟꯗ ꯂꯥꯏꯅꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ GitHubꯗꯥ ꯂꯩꯕꯥ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯔꯤꯗꯃꯤꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯏꯅꯁ꯭ꯠꯔꯛꯁꯅꯁꯤꯡ ꯑꯗꯨ ꯏꯅꯒꯗꯕꯅꯤ꯫
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ Less.js ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯂꯝꯕꯤ (ꯑꯃꯁꯨꯡ Bootstrap) ꯑꯗꯨ <head>
.
<link rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ/ꯂꯦꯁ" href = "/ꯄꯥꯊ/ꯇꯨ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ" > <ꯁ꯭ꯛꯔꯤꯞꯇ src = "/ꯄꯥꯊ/ꯇꯨ/ꯂꯦꯁ.js" ></script>
.less ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯥ, ꯃꯈꯣꯌꯗꯨ ꯁꯦꯚ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯣꯗ ꯇꯧ꯫ Less.jsꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯂꯣꯀꯦꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯗꯥ ꯁ꯭ꯇꯣꯔ ꯇꯧꯏ꯫
ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯁꯤꯅꯥ .less ꯐꯥꯏꯂꯁꯤꯡꯒꯤ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯁꯤꯡ ꯌꯦꯡꯏ ꯑꯃꯁꯨꯡ ꯌꯦꯡꯁꯤꯜꯂꯤꯕꯥ .less ꯐꯥꯏꯜ ꯑꯃꯥ ꯁꯦꯚ ꯇꯧꯕꯥ ꯈꯨꯗꯤꯡꯒꯤ ꯀꯣꯗ ꯑꯗꯨ ꯂꯣꯀꯦꯜ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯦꯞ ꯑꯗꯨꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯄꯁꯟꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯀꯔꯝꯕꯥ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯂꯣꯏꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫
ꯀ꯭ꯔꯥꯟꯆ ꯑꯁꯤ ꯑꯦꯗꯣꯕ ꯑꯦꯌꯔꯗꯥ ꯁꯥꯕꯥ ꯑꯆꯧꯕꯥ ꯎꯕꯥ ꯐꯪꯂꯤꯕꯥ ꯂꯦꯁ ꯑꯦꯗꯤꯇꯔ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯥꯏꯂꯔ ꯑꯃꯅꯤ꯫
ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯄꯀꯥ ꯃꯥꯟꯅꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯅꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯀꯣꯗꯀꯤꯠ ꯑꯁꯤ ꯂꯦꯁ, ꯑꯦꯁ.ꯑꯦ.ꯑꯦꯁ.ꯑꯦꯁ., ꯁ꯭ꯇꯥꯏꯂꯁ, ꯑꯃꯁꯨꯡ ꯀꯣꯐꯤꯁ꯭ꯛꯔꯤꯞꯇ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯦꯛ ꯑꯦꯞ ꯑꯃꯅꯤ꯫
LESS ꯐꯥꯏꯂꯁꯤꯡ ꯗ꯭ꯔꯦꯒ ꯑꯃꯁꯨꯡ ꯗ꯭ꯔꯣꯞ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯦꯛ, ꯂꯤꯅꯥꯛꯁ, ꯑꯃꯁꯨꯡ ꯎꯏꯟꯗꯣꯖ ꯑꯦꯞ꯫ ꯄ꯭ꯂꯥꯁ, ꯁꯣꯔꯁ ꯀꯣꯗ ꯑꯁꯤ GitHub ꯗꯥ ꯂꯩ꯫
ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯤꯅꯤꯐꯥꯏꯗ ꯇꯧꯔꯕꯥ CSS ꯑꯃꯁꯨꯡ JS ꯑꯗꯨ ꯊꯥꯗꯣꯛꯇꯨꯅꯥ ꯋꯦꯕ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯊꯨꯅꯥ ꯍꯧꯒꯗꯕꯅꯤ꯫ ꯐꯖꯅꯥ ꯑꯄꯒ꯭ꯔꯦꯗ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯂꯣꯃꯗꯥ ꯆꯪꯁꯤꯜꯂꯤꯕꯥ ꯃꯦꯟꯇꯦꯅꯦꯟꯁꯀꯤꯗꯃꯛ ꯀꯁ꯭ꯇꯝ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯗꯥ ꯇꯣꯉꯥꯟꯅꯥ ꯂꯦꯌꯔ ꯇꯧꯕꯥ꯫
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯗꯨꯗꯥ ꯊꯝꯃꯨ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯥ ꯂꯩꯕꯥ ꯌꯥꯏ:
ꯑꯦꯞ/ ꯂꯦꯑꯥꯎꯇꯁꯤꯡ/ ꯇꯦꯃꯞꯂꯦꯠꯁꯤꯡ/ ꯃꯤꯌꯥꯝ/ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ./ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ ꯖꯦ.ꯑꯦꯁ./ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯖꯦ.ꯑꯦꯁ ꯏ.ꯑꯦꯝ.ꯖꯤ./ ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁ-ꯍꯥꯐꯂꯤꯡꯁ.ꯄꯤ.ꯑꯦꯟ.ꯖꯤ ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡ-ꯍꯥꯐꯂꯤꯡꯁ-ꯍꯣꯏꯠ.ꯄꯤ.ꯑꯦꯟ.ꯖꯤ
ꯍꯧꯗꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯕꯦꯖ HTML ꯑꯁꯤ ꯀꯣꯄꯤ ꯇꯧꯔꯣ꯫
- <html> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <ꯍꯦꯗ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <title> ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯱꯰꯱ ꯇꯦꯃꯞꯂꯦꯠ </title>
- <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
- <link href = "ꯄꯕ꯭ꯂꯤꯛ/ꯁꯤꯑꯦꯁꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯁꯤꯑꯦꯁ" rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ" >
- </head>ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯉꯥꯡꯈꯤ꯫
- <ꯍꯀꯆꯥꯡ>꯫
- <h1> ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ! </h1> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
- <script src = "ꯄꯕ꯭ꯂꯤꯛ/ꯖꯦꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯖꯦꯑꯦꯁ" ></script>
- </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
- </html> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫
ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯇꯣꯉꯥꯅꯕꯥ CSS ꯑꯃꯁꯨꯡ JS ꯐꯥꯏꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯑꯗꯣꯃꯒꯤ ꯑꯣꯏꯕꯥ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯑꯗꯣꯃꯒꯤ ꯀꯁ꯭ꯇꯝ CSS, JS, ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯤꯌꯨ꯫
- <html> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <ꯍꯦꯗ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <title> ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯱꯰꯱ ꯇꯦꯃꯞꯂꯦꯠ </title>
- <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
- <link href = "ꯄꯕ꯭ꯂꯤꯛ/ꯁꯤꯑꯦꯁꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯁꯤꯑꯦꯁ" rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ" >
- <!-- ꯄ꯭ꯔꯣꯖꯦꯛꯇ -->
- <link href = "ꯄꯕ꯭ꯂꯤꯛ/ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ./ꯑꯦꯞꯂꯤꯀꯦꯁꯟ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ" rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ" >
- </head>ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯉꯥꯡꯈꯤ꯫
- <ꯍꯀꯆꯥꯡ>꯫
- <h1> ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ! </h1> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <!-- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ -->
- <script src = "ꯄꯕ꯭ꯂꯤꯛ/ꯖꯦꯑꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯃꯤꯟ.ꯖꯦꯑꯦꯁ" ></script>
- <!-- ꯄ꯭ꯔꯣꯖꯦꯛꯇ -->
- <script src = "ꯄꯕ꯭ꯂꯤꯛ/ꯖꯦ.ꯑꯦꯁ./ꯑꯦꯞꯂꯤꯀꯦꯁꯟ.ꯖꯦ.ꯑꯦꯁ" ></script>
- </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
- </html> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫