월드버텍 블로그

Archive for the ‘월드버텍(주)’ Category

모바일화를 위한 10가지 가이드

W3C에서 모바일화를 위한 10가지 가이드 지침 입니다.

– 하나의 웹을 위한 설계
– 웹 표준 준수
– 유해 요소 제거
– 장비 제한 주의
– 웹 네비게이션 최적화
– 그래픽과 색상 확인
– 가볍고 간결한 사이트
– 네트워크 자원 절약
– 사용자 입력 가이드
– 모바일 유저 배려

더 자세한 내용은 http://www.w3c.or.kr/Translation/mwbp_flip_cards/를 참조해 주세요.

ADD COMMENTS

파폭과 익스의 1픽셀의 차이

Posted by jwjeong under 월드버텍(주)

익스플로어 8 : 1픽셀이 올라가는 현상

파이어폭스/사파리 : 제대로 적용된 화면

화면과 같이 브라우져에 따라 마진 값이 차이가 날 경우에는 css에서 조절 할 수 있다.

#navi {
margin-top:4px /*실제값, 파이어폭스 사파리등*/
*margin-top:5px; /*익스플로어용으로 적용될 값*/
}

ADD COMMENTS

월드버텍 모바일웹 오픈하였습니다

Posted by admin under 월드버텍(주)

월드버텍 모바일웹페이지 오픈되었습니다

주소. http://m.vtex.co.kr

많은이용바랍니다

ADD COMMENTS

[모바일] 메뉴 리스트에서 링크 넓게 잡기

Posted by jwjeong under 월드버텍(주)

포인트
1. 모바일 클릭이 쉽도록 메뉴 라인별로 클릭 가능하도록 영역 확보
2. 전체 모서리 라운딩 처리
3. 여러개의 백그라운드 이미지 활용하기

— CSS ————————————————————–

.hl{width:100%;
background: <한번에 여러개의 백그라운드 이미지를 설정할 수 있습니다.>
url(../images/common/menu_arr_middle.png) repeat-y right top, <화살표 이미지 출력>
url(../images/common/menu_bg_middle.png) 0 0; <전체배경이미지출력>
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; <사방모서리 라운딩> }
.hl .li1{overflow:hidden;}
.hl .li1 li{height:47px; padding:0 15px;}
.hl .li1 li a{display:inline-block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; color:#444; line-height:47px; font-size:15px}

— HTML ————————————-

ADD COMMENTS