Responsive Web Design 이해하기

1. Flexible Grid2. Flexible Images3. Mddia Queries 1. Flexible GridGoodbye pixel, hello Em and %From PX to EM 2. Flexible Images 3. Media Queries
웹프로그래밍/html 2013. 5. 14. 11:54
응답형 이미지 관련 링크들

http://www.resrc.it/ 클라우드를 통한 이미지 리사이징http://codepen.io/timrwood/pen/yjtvs CSS로 이미지 Crophttp://juliankussman.com/scaling/ 응답형 풀사이즈 상단 이미지 구현 페이지
웹프로그래밍/html 2013. 1. 23. 19:12
Responsive Framework 링크들

Gumby http://www.gumbyframework.com/ 트위터 부트스트랩과 같이 버튼, 탭, 그리드 시스템 등의 UI Kit 구성되어 있는점이 좋으며 고유 javascript가 jQuery와 아무런 충돌 없이 잘 작동해서 좋다.
웹프로그래밍 2012. 12. 29. 22:12
데이터 테이블 응답형 디자인 링크모음

응답형 디자인시 데이터 테이블은 잘려보일수밖에 없는데 그에 대한 구현 모음.+ CSS Tricks http://css-tricks.com/responsive-data-tables/ 총 3가지 구현법을 보여줍니다. 열 생략, 챠트로 대체, '탭하여 크게 보세요'링크로 대체.+ jQuery Mobile Responsive tables http://jquerymobile.com/branches/tables/docs/tables/index.html 중간에 API docs and demos 링크들을 하나하나 눌러보시면 데모를 보실 수 있는데 크게 2가지 구현법을 보여줍니다. 헤더를 줄마다 붙여주면서 각 열을 하나의 박스로 분리하여 세로 배열, 주요 링크 가진 열만 남기고 생략.+ mobifreaks.com htt..
웹프로그래밍/css 2012. 11. 15. 15:26
1