WEB/HTML5 2013. 9. 25.
부트스트랩을 이용한 반응형웹 만들기 HTML5 기본 템플릿
티스토리 스킨을 사용한지 오래되서 이번에 부트스트랩을 이용해서 스킨을 만드려고 합니다. 이번에 부트스트랩도 3.0으로 판올림을 했으니 겸사겸사 부트스트랩 3.0을 이용해서 HTML5 반응형웹으로 만들까 합니다. 티스토리의 경우는 사실 별도의 모바일스킨이 있어서 반응형웹이 크게 필요는 없는데, 이번에 티스토리에서 모바일스킨을 On/Off할 수 있는 기능이 추가되어서 원한다면 반응형웹으로 모바일 디자인을 할 수 있습니다. 추후에라도 여러가지 다양한 형태로 만들기 위한 기본 템플릿을 제작하여 포스팅 했습니다. 위의 화면은 웹브라우저로 볼때 나오는 디자인입니다. 기본 레이아웃 수준이라 특별히 디자인이 적용되어 있지않아 밍밍 하죠? 이제 이쁘게 채워넣고 꾸며야 겠죠. 화면 가로사이즈가 작아지면 자동으로 테블릿이나..
WEB/웹접근성 2013. 8. 7.
반응형 웹 테스트 서비스 TROY를 아세요?
‘반응형 웹’(Responsive Web)을 아시나요? 홈페이지를 만들어야 하는 기업이나 사람들에게 HTML5이 화두가 되면서 덩달아 반응형 웹도 많은 사람들이 관심을 가지고 있습니다. 예전에는 800 X 600, 1024 X 768.. 등등.. 정해진 화면 사이즈를 기준으로 홈페이지를 만들었었는데요. 근래는 모니터뿐만아니라 태블릿, 스마트폰, TV등 다양한 디바이스의 출시로 인해 화면사이즈나 비율이 너무나 다양해져 버려서 기준사이즈를 맞추기가 너무 힘들어진것이 사실입니다. 그렇다고 그 모든 디바이스에 맞추어서 별도의 홈페이지를 만들자니 너무 비효율적이고.. 그런 문제를 해결해줄 수 있는것이 바로 반응형 웹’(Responsive Web) 기술입니다. 디바이스의 해상도에 따라 CSS에 미리 정해진 방식대로..
