Xepac design
The Blog Design code
Design code | 전체게시물 14
Design code리스트
Gradient colors in Internet Explorer

익스환경 맞추는일... 손이 많이 가지만 알고가야하는 부분이다.

 when use gradient color in explorer 8 ..

.gradient(@start, @end) {
background: mix(@start, @end, 50%);
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr="@start~", EndColorStr="@end~")";
background: -webkit-gradient(linear, left top, left bottom, from(@start), to(@end));
background: -webkit-linear-gradient(@start, @end);
background: -moz-linear-gradient(top, @start, @end);
background: -ms-linear-gradient(@start, @end);
background: -o-linear-gradient(@start, @end);
background: linear-gradient(@start, @end);
zoom: 1;
}
Read more
Responsive Design
sample code section
each mobile screen design setting

/* ============ Tablet (Portrait) 768px - 959px ================ */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .logo {
       padding:0;
       margin:0;
   }
}
/*============= Mobile (portrait) < 767px =============*/
@media only screen and (max-width:767px) {
    .logo {
       padding:0;
       margin:0;
   }
}
/* ============ Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .logo {
       padding:0;
       margin:0;
   }
}
/* ================= Mobile (portrait) < 320px =================== */
@media only screen and (max-width: 317px) {
   .logo {
       padding:0;
       margin:0;
   }
}
@media code 활용 HTML5 responsive design code
각개 size마다 설정을 해야 하는 번거로움이있다.
css 용량도 커지고 작업량도 배가 된다.
Read more
 맨앞이전1234567
Tweets
    본 사이트는 크롬 브라우져에서 더 잘보입니다.
2012 Xepac design reserved. xepac.com