반응형 홈페이지는 역시... 정보
반응형 홈페이지는 역시...
본문
Less가 값이네요.
미디어에 한계가.... 소스가 너무 지저분 해지네요.
css에 변수 잡아 놓고 디바이스 크기별로 로드 다르게 해야겠네요.
추천
0
0
댓글 5개
/* 부모객체 */
@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가 디바이스 크기 알려주니 그걸로 크기조절하면될것같구
@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/
가볍고 빠른 작업이 가능하고, 테러보이님 스타일에 딱맞는 프레임워크 일수도 있습니다. ^^
(테러보이님은 효율적인 코딩을 좋아하시니까....)
http://www.weecss.com/
오호 기능은 less와 비슷한데 뭐가 틀리죠?
저녁에 봐야겠네요~ 철야를 했더니 ㅎㅎㅎ
less의 강점은 css변환기능입니다. 자바스크립트 호환은 덤이구요.
보니까 위프레임워크도 자바스크립트 호환인것 같네요.
저녁에 봐야겠네요~ 철야를 했더니 ㅎㅎㅎ
less의 강점은 css변환기능입니다. 자바스크립트 호환은 덤이구요.
보니까 위프레임워크도 자바스크립트 호환인것 같네요.
위는 LESS 의 mixin 이 미리 짜여 있는 css-LESS 반응형 프레임워크 입니다.
시간나실때 한번 살펴보세요.
아마 좋아하실거에요. ^^ 위가 테러보이님 스타일이라서... ㅎㅎㅎ
시간나실때 한번 살펴보세요.
아마 좋아하실거에요. ^^ 위가 테러보이님 스타일이라서... ㅎㅎㅎ
play 프레임워크
코드이그나이터 (php 프레임워크)
less 프레임워크
저는 요세 프레임워크들만 만지고 있네요...
코드이그나이터 (php 프레임워크)
less 프레임워크
저는 요세 프레임워크들만 만지고 있네요...