N-Screen을 지원하는 미디어 쿼리에 대하여
HTML4와 CSS2에서는 다양한 미디어 타입에 따라 처리할 수 있는 스타일시트를 지원하고 있습니다. 스마트폰, 태블릿, 스마트TV 등 다양한 화면의 크기를 가진 기기들이 배포됨에 따라 관심을 받게 된 것 같습니다. 먼저 미디어 쿼리를 적용한 사이트(http://mediaqueri.es/)를 모아둔 곳을 한번 살펴보시죠. One-Source Multi-Use 측면이나 모바일 웹 개발이 증가하면서 미디어 쿼리를 적절하게 활용하는 것이 필요할 것 같습니다. 미디어쿼리에 대한 W3C의 문서는 현재 Candidate Recommendation 상태로 거의 현재 상태로 표준이 될 것 같네요. 미디어쿼리는 CSS에 설정을 통해서 화면 크기 등에 따라 다른 형태로 보여줄 수 있도록 구현하는 것입니다. 이를 위해 me..
모바일 웹 사이트 제작을 위한 표준~
스마트 폰 사용자들이 점차 늘어남에 따라 모바일 웹 사이트 제작도 많이 늘고 있는 것 같습니다. 기존 포털 뿐만 아니라 대부분의 웹 사이트들이 모바일 웹도 기존 웹과 함께 제작하고 있으며, 하이브리드 앱이라는 컨셉으로 기존의 App과 Web의 장점을 살려 혼합한 모델들도 나오고 있는 것 같습니다. 모바일 웹을 만드는데 어떤 점들을 주의해야 할까요? 여러가지 있겠지만 웹 표준을 담당하는 W3C의 자료를 토대로 정리해 보고자 합니다. 다음 사이트를 보면 W3C에서 권고하는 Best Practice에 대한 한글 설명이 있습니다. http://www.w3c.or.kr/Translation/mwbp_flip_cards/ 하나의 웹을 위한 설계: 다양한 장비를 고려하여 설계한 콘텐츠는 비용을 절감시키고, 유연성을 ..
제 홈페이지와 동시에 연재하려고 옮겨 봅니다. 요즘 HTML5에 대한 이야기들을 종종 볼 수 있습니다. 상당히 흥미를 가지고 있었던 주제인데요.. 이번에 새롭게 정리해 보려고 합니다. HTML5의 정의 HTML5는 HTML, XHTML, HTML DOM에 대한 새로운 표준으로 W3C(World Wide Web Consortium)와 WHATWG(Web Hypertext Application Technology Working Group)의 상호 협의로 만들어진 것입니다. W3C는 XML, XHTML등의 표준을 작성한 곳으로 이미 여러번 설명했었구요.. WHATWG는 web form과 application에 대한 표준을 만들던 곳이라고 합니다. 중간에 XHTML이 나오기는 했지만, HTML의 XML 버전에 ..