삶의 모든 순간을 즐겨라!

출처: http://androphil.tistory.com/524 Web Storage란? 웹 스토리지란 클라이언트쪽에 데이터를 저장해 두기 위한 스토리지입니다. Web Strorage VS Cookie 쿠키 4KB의 저장 용량, 크기가 작다. 같은 사이트내에서 둘 이상의 탭을 열었을 때, 둘 이상의 트랜젝션 추적에 어려움이 있다. 이 외에도 여러 보안문..

출처: https://hyeonseok.com/soojung/w3c/2015/10/20/781.html 이전에 한번 정리한 적이 있는데 다시 정리해야지 하다가 2년이 훌쩍 지나가 버렸다. 이제 HTML5도 권고안이 되었으니 한번 더 정리하는 것이 의미가 있을 것 같다. HTML5가 권고안이 된 다음에 나온 문서를 기준으로 전에 정리한 문서와 비교해..

출처: http://d2.naver.com/helloworld/2061385 전통적으로 브라우저는 웹 페이지 콘텐츠의 렌더링을 대부분 CPU에 의존했습니다. 하지만 최근에는 휴대용 기기에도 GPU(graphics processing unit)가 기본으로 포함되고 비디오나 3D 그래픽과 같은 콘텐츠의 사용이 늘면서 GPU를 활용해 웹 페이지의 콘텐츠를 ..

* 출처 : http://chongmoa.com/mobile/5478 아이폰과 안드로이드 폰은 웹 페이지의 바로가기를 장치 화면에 추가하는 기능을 제공해주고 있습니다. 그래서 앱과 같이 아이콘을 설정해놔서 사용자가 앱 실행하는 방법과 같이 아이콘을 클릭해서 모바일 사이트에 접근할 수 있도록 할 수 있습니다. ..

출처: http://d2.naver.com/helloworld/870369 다양한 모바일 웹 디버깅 방법 및 사례.pdf

* 출처 : http://www.webactually.co.kr/archives/13106 “1+1은 무엇일까요?”라는 질문을 자주 듣습니다. 산수 시간에 말하는 정답은 2가 되겠죠. 세상에는 그 너머 다양한 정답이 존재할 수 있습니다. 어떤 관점으로 생각하느냐에 따라 다른 정답이 나오죠. 저자인 휴고 기로델은 이 글에서 독자에게 ..

출처: http://inspiredjw.tistory.com/13 CSS를 이용하여 가운데 정렬할 일이 많은데요. 생각보다 쉽지 않습니다. 예를 들어 이렇게 DIV 안에 DIV 한 개가 있다고 가정해봅시다. HTML ?123<div id="container"> <div id="block"> </div></div> CSS ?12#container { width:300px; height:300px; background-color:#191970; }#bloc..

출처: http://blog.csdn.net/pjx627al/article/details/8041134 CSS3 media query에 대하여 미디어 타입(media type)은 단말기의 종류에 따라 각각 다른 스타일시트를 적용하게 하는 기능이며 CSS 2.1 부터 추가되었습니다. 하지만 실제로 많이 사용되지 않았는데, 미디어 타입 만으로는 해당 기기의 특성을 정확히 ..

----------------------------------------------------------------------------------------------- 출처: http://naradesign.net/wp/2011/05/27/1483/ ----------------------------------------------------------------------------------------------- 최근 블로그를 HTML5와 반응형 웹 디자인으로 리팩토링 했습니다. 제목은 거창한데 사실 별것 없습니다. 바꾸는데 하..

--------------------------------------------------------------------------------- 출처: http://danahae.cafe24.com/blog/ --------------------------------------------------------------------------------- @media all and (max-width:980px) { /* 화면 너비가 980px 이하일 때에만 아래 코드를 실행 */ .content{ float:none; width:auto } /* 콘텐츠 플롯을 해제하..