Metro UI CSS 2.0 BootStrap Guide

본문 : http://metroui.org.ua/


※ 가끔씩 여기 웹사이트가 에러날때는 식겁합니다. 열심히 보고 하는데, 찾을 수 없다고 할때가 가끔 있더군요.

해서 파일 다운로드는 및 가이드를 볼 수가 없게되면;; 어휴;;

이 부트스트랩 기반으로 개발된 웹서비스가.. 상상도 하기 싫군요.


해서 번역은 아니고 그냥 제가 가이드를 보면서 이해한 정도의 수준으로만 가이드 형식의 포스팅을 합니다.

캡쳐의 대장정이 될듯하네요. ㄷㄷㄷ;;



Base CSS

Requirements


Folder Structure - 폴더 구조


일단 기본적으로 빨간 밑줄 가있는 파일들은 모두 필요하다고 생각하시면 될 것 같습니다.


DOCTYPE - 문서형식

HTML 문서형식은 HTML5 의 문서 타입의 사용을 필요로 합니다.


<!DOCTYPE html>

<html>


Javascript - 자바스크립트

jQuery 2.0 플러그인과 jQuery UI 플러그인을 받아 적용시킵니다.


Namespace - 네임스페이스

BODY 요소에 metro 클래스를 추가해 주면 끝.

body class="metro"





메트로 디자인 언어는 여러 그룹의 공통 작업들을 통합하여 이용 속도를 빠르게 하기 위해 설계되었다. 과도한 그래픽을 제외하는 대신 실제 콘텐츠를 UI에 의지하게 함으로써 수행한다. 내부적으로 마이크로소프트는 메트로 디자인 언어의 핵심이 되는 원칙들을 나열해 놓았다.[5] 애니메이션은 누르기와 같은 사용자 반응, 그리고 전환 효과와 더불어 부분을 차지한다. 사용자에게 UI가 살아있고 반응적이라는 인상을 주려는 것이 목적이다.

위키참조 : 링크


관련링크

관련링크 생길때마다 추가할거임.^^

+ Recent posts