반응형 홈페이지는 역시... > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

반응형 홈페이지는 역시... 정보

반응형 홈페이지는 역시...

본문

Less가 값이네요.

미디어에 한계가.... 소스가 너무 지저분 해지네요.

css에 변수 잡아 놓고 디바이스 크기별로 로드 다르게 해야겠네요.

댓글 전체

/* 부모객체 */
@ContentWidth: 100%;

/* 하부 객체 */
@BasicFontColor: #000;
@WhiteFontColor: #fff;
@BasicBgColor: #fff;
@BlackBgColor: #000;
@BasicDeviceWidth: 100px;
@MinDeviceWidth: @BasicDeviceWidth - 50;
@MaxDeviceWidth: @BasicDeviceWidth + 50;


#content { width:@ContentWidth; }
#color { background-color:@BlackBgColor; color:@WhiteFontColor; }


잠결에 한건데 대충 이런식이네요.
less가 디바이스 크기 알려주니 그걸로 크기조절하면될것같구
혹시 위 (Wee) 프레임워크 써보셨어요?

가볍고 빠른 작업이 가능하고, 테러보이님 스타일에 딱맞는 프레임워크 일수도 있습니다. ^^

(테러보이님은 효율적인 코딩을 좋아하시니까....)

http://www.weecss.com/
오호 기능은 less와 비슷한데 뭐가 틀리죠?
저녁에 봐야겠네요~ 철야를 했더니 ㅎㅎㅎ

less의 강점은 css변환기능입니다. 자바스크립트 호환은 덤이구요.
보니까 위프레임워크도 자바스크립트 호환인것 같네요.
위는 LESS 의 mixin 이 미리 짜여 있는 css-LESS 반응형 프레임워크 입니다.

시간나실때 한번 살펴보세요.

아마 좋아하실거에요. ^^  위가 테러보이님 스타일이라서... ㅎㅎㅎ
전체 135,051
십년전오늘 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT