웹솔루션개발 22년 노하우! 해피CGI의 모든것

코딩하시면서 따로 반응형, html5, css3 등 여러가지를 공부 많이들 하실것이라고 생각이되네요 ^^ 요즘은 대부분의 사이트들이 반응형으로 만들어지는터라 반응형웹만 찾기가 상당히 귀찮을수도 있는데 소개해드리는 요사이트를 방문해보시면 제작되어 있는 반응형 웹들을 카테고리별로 검색해서 사이트를 확인할 수 있습니다 ^^ RWDB라는 곳이며 반응형 웹사이트만 모아둔곳이라서 바로바로 확인이 편리합니다 ^^ 반응형 웹사이트를 제작을 준비하시고 있으신 분이라면 디자인 및 코딩 요소등 여러가지로 도움이 많이 될꺼같아요 ^^

첨부된 jquery 를 사용하면 아래 처럼 서로 다른 크기의 이미지나 영역을 정렬할 수 있습니다. 아래 사이트에 들어가면 예제 등 자세한 내용을 확인 하실 수 있습니다. http://masonry.desandro.com

모바일 홈페이지 코딩과 반응형웹 코딩시 최적화되어 있는 툴입니다. 모바일 디바이스별로 선택하여 기기와 데스크탑 화면을 동시에 볼수 있는부분이 장점입니다. 먼저 위 사이트 링크를 클릭하시거나 아래의 링크를 통해서 실행파일을 먼저 다운로드 받으셔야 됩니다. 실행파일을 다운로드 받으시고 실행시키시면 윈도우 실행창에 아래와같은 아이콘이 생성됩니다. 위 아이콘을 눌러 실행을하면 아래와같은 화면이 뜨고 주소창에 주소를 입력하시면 모바일기기기와 pc화면이 분리되어 있는 화면을 확인하실 수 있습니다. 좌측의 휴대폰기종을 선택하여 디바이스를 변경할 수 있으며 변경시에는 ctrl-r을 이용하거나 새로고침을하여 적용을 시켜줘야 하는점이 좀 번거로울수도 있습니다. 실제 휴대폰을 들고 확인해본바 글꼴랜더링 이외에는 모든부분이 ..