본문 바로가기

전체 글314

Image Guide 이미지 사용 시 지켜야 할 규칙과 비용 최소화를 위한 방안을 중심으로 설명합니다.기본정책이미지 스프라이트운영성 이미지 성격이 아닌 아이콘 또는 장식을 위한 이미지 요소들은 스프라이트 기법을 활용하여 파일의 Size, Request 최소화를 도모한다.스프라이트는 수직정렬 (vertical)형과 바둑판(tile)형 중 서비스에 따라 선택하여 사용수직 정렬형 스프라이트는 개체 수가 늘어남에 따라 공간 또한 늘어나 용량 이슈가 발생하므로 모바일 환경에서는 바둑판형 스프라이트로 진행한다. (비교표 참조)각 스프라이트 집합은 타이틀, 버튼, 아이콘, 메뉴(GNB 또는 Tab), 숫자 등 용도별로 나누어 그룹핑비교표이미지 스프라이트 비교표이미지바둑판 스프라이트수직정렬 스프라이트299KB3.15KB2.79KB5.07K.. 2014. 1. 1.
HTML 체크리스트 웹표준 개발자가 업무간 체크해야하는 확인 사항들로 내부체크리스트와 외주 대행업무 전달시 지켜져야 하는 CP가이드가 통합적으로 정리되어 있습니다.체크리스트 표항목CP내부확인툴웹표준(필수) HTML validator 통과했는가?OOfirebug(필수) CSS validator 통과했는가?OOfirebug코딩 컨벤션(필수) Cross Browsing 되는가?PC(Window)IE8(주)OOIE9OOIE7OOFF/Chrome/Safari/Opera (최신)OOPC(Mac)FF/Chrome/Safari/Opera (최신)OOMobileAndroid 4.0 (주0S)OOiOS 6.1OODaum의 해당 서비스의 Doc type을 따르고 있는가?ODaum의 레이아웃 가이드를 따르고 있는가?ODaum의 heading룰이.. 2014. 1. 1.
파비콘(Favicon) 만드는 방법과 홈페이지에 적용하는 방법 파비콘(Favicon) 만드는 방법과 홈페이지에 적용하는 방법파비콘(Favicon)은 Favorite Icon을 줄여서 부르는 말입니다. 인터넷 주소창이나, 즐겨찾기에 웹사이트를 추가하였을때 보이는 작은 아이콘을 말합니다. 아래 그림처럼 주소창앞에 조그만 아이콘으로 보여집니다. 파비콘을 만드는(준비하는) 방법과 이를 홈페이지에 적용하는 방법에 대해서 설명해 보겠습니다. 1. 파비콘 만드는 방법 포토샵과 같은 이미지 편집 프로그램을 다룰 수 있다면 직접 만들면 됩니다. 16*16 사이즈로 만들고, 저장할때 확장자를 ico로 지정해 주시면 됩니다. 이미지 편집 프로그램을 다룰 수 없는 경우에는 인터넷상에 파비콘으로 사용할만한 이미지들이 많으니 다운받으면 됩니다. 홈짱닷컴의 파비콘은 http://www.fam.. 2014. 1. 1.
HTML의 기본구성 HTML의 기본구성HTML 문서는 기본적으로 HEAD, BODY 로 구분됩니다.HEAD안의 내용은 화면에 직접적으로 출력되지는 않지만 웹브라우저가 알아야 할 중요한 정보들이 들어있습니다.BODY안의 내용은 화면에 직접 출력되는 부분입니다. ... HTML 문서의 시작과 끝을 의미하는 태그로서 작성된 문서가 HTML을 사용한 문서임을 나타냅니다. 시작태그인 은 앞쪽에, 종료태그인 은 문서의 마지막에 두어 소스 전체를 감싸주어야합니다. 즉, 태그 안에와 ... 태그가 차례로 위치하게 됩니다. 는 HTML 문서에 관한 기본 정보를 포함하고 있는 부분으로, 주로 문서의 제목, 제작자, 문서정보 등이 포함될 수 있습니다. - 문서 상단의 제목 설정 - 문서 정보 설정 - javascript 언어 등을 사용한 다양.. 2014. 1. 1.

티스토리툴바