CSS (4) 썸네일형 리스트형 viewport meta 태그를 이용해 모바일 해상도에 맞게 레이아웃 자동 변경 태그를 활용한 모바일 해상도 자동 변경 방법 시대의 흐름에 따라 인터넷에 접속할 수 있는 디바이스가 많아지면서 웹 페이지를 만들 때 모바일페이지를 고려 하지 않을 수없게 되었습니다. 반응형이나 기타 다양한 웹페이지의 표기 방법들을 지원하기 시작하면서 디자이너나 퍼블리셔들은 머리가 더 아프게 되었네요. 모바일 디바이스의 해상도는 제각각 인데다, 가로 혹은 세로로 보았을 때 페이지가 적절하게 로드 되도록 하는것은 어제나 고민거리 입니다. 물론 JS를 활용 해 해상도별로 페이지를 맞추는게 가장 깔끔하겠지만 기본적으로는 Viewport 태그를 활용 하는데, viewpoert만 잘 써도 모바일기기에 딱 맞게 랜더링 시킬 수가 있습니다. Viewport는 모바일기기에 화면이 로드 되었을 때 페이지가 적정 해상도로 .. 마크업과 CSS, 디자이너와 개발자의 영원한 숙제 마크업과 CSS, 디자이너와 개발자의 영원한 숙제이 카테고리는 제가 열심히 공부하면서 체계적으로 정리하는 형식으로 하려고 하였으나, 너무나 방대하고 난해한 이것을 정리하기엔 김군이 가진 지식이 너무나도 미약하군요.ㅡㅡ;; 전반적으로 체계적인 정리는 거의 불가능해 보입니다. 책한권을 쓰는 수준이 될것 이니 말이죠.. 지금 웹 표준화 작업이 한장 진행중 이지만, 표준화만 독립 프로젝트로 진행하는 것이 아니고, 다른 업무와 병행하기 때문에 진도가 많이 나가 주질 않습니다. 개념정리는 너무 방대하니 제가 작업해 나가는 속도에 맞추어 어려웠거나 헷갈렸던 부분, 실무에서 쓸만한 것들을 계속 정리해 나가 보도록 하겠습니다. CSS와 마크업! 이걸 누가 해야 맞는 걸까요? 용어조차도 별로 들어 본적이 없는 마크업..... CSS로 만드는 탭메뉴, 쉽게 자동으로 ~ CSS로 만드는 탭메뉴, 쉽게 자동으로 ~ 김군이 요즘 블로그를 제 정비 하고 있습니다만.. 정말 쉬운건 하나도 없군요..ㅋㅋ 너무나 테이블에 익숙해져 버려서 그 습관을 완전히 버리고 새로운 표준에 맞춰서 작업하려니 속도도 안붙고 어렵더라구요.. ^^;; 가끔 돌아 다니다 보면 블로그 상단에 자신만의 카테고리 별로 탭 메뉴를 만들어 놓으신 분들을 보고 무척 부러워서 완전 어거지로 잡아 넣긴 했습니만.. 어렵더라구요. 탭 메뉴를 만들어 넣다가 발견한 이것!ㅋ 탭 메뉴를 자동으로 만들어 줍니다. 자신의 블로그에도 코드를 삽입하고 이미지를 업로드 하는것 만으로도 완벽한 css 탭 메뉴를 구현해 줍니다. 역간의 지식이 있으면 좀더 쉽겠지만 잘 모르시는 분들도 이미지와 코드를 연결한다 라는 것만 알면 어렵지 않을.. XHTML & 웹표준화 과연 무었인가? 웹표준의 필요성에 대해 이야기 하기 전에 한가지 짚고 넘어가야 할 것이 있습니다. 지금 웹개발자들이 알고 있는 지식은 표준이 아니란 말인가? 그렇다면 왜 표준이 흐트러 졌는가? 이제 웹의 역사는 10년정도 밖에 안되었습니다. 이 짧은 기간에 엄청난 발전이 있었습니다. 우리나라의 경제도 한때 급성장을 했었지만 그로 인해 많은 문제가 발생했고 IMF를 겪었습니다. 웹도 마찬가지 입니다. 짧은 기간동안 급성장으로 인해 문제를 안게 되었습니다. 이 문제의 원인중 하나가 과거 웹브라우저의 양대산맥 IE와 NS의 점유율 전쟁 때문입니다. 점유율을 높이기 위해 W3C를 무시, 비표준 태그를 남발하였고 지금의 문제를 낳게 된 것입니다. 다행히 현재 IE를 제외하고 파이어폭스,크롬등 최신 브라우저들은 표준을 준수하고 있.. 이전 1 다음
