본문 바로가기

Local Oriented/HTML CSS JS

반응형웹 툴, 미디어 쿼리, 모더나이저, 리스폰드

- http://k7620702.com/13, 기본 설명


- http://www.biew.co.kr/26, 반영형웹 체크사항














- 각 기기들에서 사용될만한 미디어 쿼리 샘플

http://nmsdvid.com/snippets/


- A JavaScript library that detects HTML5 and CSS3 features in the user’s browser

  http://modernizr.com/

  2013.04.09 현재 2.6.2 ver


- A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

  https://github.com/scottjehl/Respond


- IE 에서 미디어 쿼리 작동하게 만드는 툴 

  http://code.google.com/p/css3-mediaqueries-js/


- 반응형 화면 제작후 각종 기기 테스트용 웹화면 제공

  http://danbis.net/15011

  http://troy.labs.daum.net/

  http://responsive.victorcoulon.fr/

  https://chrome.google.com/webstore/detail/responsive-tester/apjlfpjacfkcckoimkbfhliehbkbnblm


- 파이어폭스 메뉴에는 "반응형 웹 디자인 보기" 라는 항목이 있네요..