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

십년전오늘

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 반응형 프레임워크 입니다.

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

아마 좋아하실거에요. ^^  위가 테러보이님 스타일이라서... ㅎㅎㅎ
© SIRSOFT
현재 페이지 제일 처음으로