일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- word-break
- CSS
- meta
- 웹표준 약도
- Ajax
- 모바일테스트
- HTML
- 웹표준
- Mobile
- css3
- font
- onmouseup
- view test
- 키보드방지
- JavaScript
- onlosecapture
- font-size
- box-shadow
- break-all
- 스크립트
- jQuery
- white-space:pre
- IE8
- keep-all
- Filter
- 개발자도구함
- Gallery
- mobile view
- html5
- 소스보기방지
Archives
- Today
- Total
목록유동형 웹 (1)
감성 퍼블리셔 html,css
홍익대학교 반응형 사이트를 살펴보자. 리사이징 개념의 웹사이트 자료
반응형 관련 홍익대학교 졸업전시회 사이트 | 브라우저 창크기와 관련하여 유연하게 변형이 되는 반응형 웹사이트에 대해서 적어보았다. |홍익대학교는 매년 이러한 졸작을 웹사이트를 구현하여 전시를 하는것 같다. 웹 카다로그 개념으로, 졸작에 작품과 관련 컨텐츠를 웹으로 구현하였다. 지난 2008년, 2011년, 그리고 내가 지금 포스팅을 하려는 2012년 일자이다. | 처음 메인페이지에 들어가면 일단 시각적인 효과가 눈앞에 펼쳐진다. 우측에 작은 썸네일들이 일정한 효과를 주며 구현이 된다. | 브라우저 창 크기를 가로폭을 좁히게 되면 우측 썸네일들이 비율이 일정하게 축소되며 밀리게 되는 현상을 볼 수 있다. 전체적으로 %를 활용하여 크기에 민감하게 반응하도록 한 것 같다. | 썸네일을 오버했을시 관련 컨텐츠가..
Site view
2013. 10. 11. 01:32