본문 바로가기

WEB개발

LESS CSS 활용

728x90
반응형

LESS의 문법을 따라 프로그래밍 한 것을 LESS라고  한다.

 

LESS는 트위터의 Bootstrap에서 사용했다고 해서 많이 유명해졌고,

사용법이 쉽고 간단하여, CSS만 안다면 쉽게 LESS를 만들어 낼 수 있습니다.

LESS의 결과파일 확장자는 .less이며 이것을 웹사이트에서 사용하기 위해서는
HTML에서 less.js로 번역을 하거나 SimpLESS나 Crunch같은 컴파일러로 컴파일을 하여 사용하면 된다.

 


공유된 첨부파일은 이클립스를 활용 한 컴파일 방법이며,
less.js 파일을 활용하여 스타일시트를 사용 할 수 있습니다. (아래 .js 파일 다운로드)
http://lesscss.org/#client-side-usage-browser-downloads

 

Getting started | Less.js

Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less.js, the JavaScript tool that converts your Less styles to CSS styles. Because Less looks ju

lesscss.org

 

-------------------

참고 - Less 컴파일 Tool
1. SimpLess (https://wearekiss.com/simpless)
2. WinLess (http://winless.org)

* 추천 : WinLess

728x90
반응형

'WEB개발' 카테고리의 다른 글

웹페이지 이미지뷰어 sample  (0) 2022.11.29
W3.CSS 소개  (0) 2022.11.29
도로명주소 관련-안내시스템, API  (0) 2022.11.29
[OPEN API] DAUM 우편번호 (도로명+지번주소)  (0) 2022.11.29
[OPEN API] JqerySlider BxSlider  (0) 2022.11.29