웹 (3) 썸네일형 리스트형 반응형웹 툴, 미디어 쿼리, 모더나이저, 리스폰드 - 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 에서 미디어 쿼리 작동.. 웹 발전사.. IE 말고 다른 웹브라우저로 보세요.. 2023-04-05 에 expired 되어서 서비스 종료. https://website.informer.com/evolutionoftheweb.com 아래 URL 은 IE 로 보려 하지 마시고, 크롬으로 보세요. 각양 각색의 흐름 위에 마우스 커서를 올려 보면 웹브라우저별로 언제 해당 내용이 적용되었는지 알 수 있습니다. http://www.evolutionoftheweb.com/ IE 말고는 다른 웹브라우저가 설치되지 않았고, 설치하고 싶지 않거나 설치할 수 없다면.. 대략적인 내용을 아래 이미지를 통해서 훑어 보세요. 아래 이미지를 클릭해서 원본 이미지로 보세요.. 상기 웹사이트를 화면캡처 한 겁니다. [모음글] 반응형웹 왼쪽이 적응형 오른쪽이 반응형..엄밀히 말하면, media query 사용해서 PC용 스마트패드용 스마트폰용 이렇게 3개의 스타일 만들어서 사용하는 것이 적응형.반응형은, 3가지 스타일 만들어 놓는 것이 아니라 화면 사이즈에 맞게 항상 변하는 넘. 모바일 기기도 PC 라고 보는 견해와 아니라는 견해가 있지만, 암튼..스크린 크기에 따라 화면 레이아웃이 변형되도록 작업하는 것이 반응형웹의 취지인듯..한 번 작성해서 여러 스크린을 커버한다는 실용적인 기법. 1. 플랫폼/플러그인/프레임웍트위터 bootstrap 반응형웹 레이아웃http://helloworld.naver.com/helloworld/67876 Masonry 반응형웹 라이브러리, MIT 라이센스http://masonry.desandro.com/do.. 이전 1 다음
