본문 바로가기
반응형

Metro UI4

Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | 1. General CSS Metro UI CSS 2.0 BootStrap GuideBase CSSGeneral CSS Global Styles Colors*-black*-white*-lime*-green*-emerald*-teal*-cyan*-cobalt*-indigo*-violet*-pink*-magenta*-crimson*-red*-orange*-amber*-yellow*-brown*-olive*-steel*-mauve*-taupe*-gray*-dark*-darker*-transparent*-darkBrown*-darkCrimson*-darkMagenta*-darkIndigo*-darkCyan*-darkCobalt*-darkTeal*-darkEmerald*-darkGreen*-darkOrange*-darkRed*-darkPi.. 2014. 6. 17.
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | Requirements Metro UI CSS 2.0 BootStrap Guide본문 : http://metroui.org.ua/ ※ 가끔씩 여기 웹사이트가 에러날때는 식겁합니다. 열심히 보고 하는데, 찾을 수 없다고 할때가 가끔 있더군요. 해서 파일 다운로드는 및 가이드를 볼 수가 없게되면;; 어휴;;이 부트스트랩 기반으로 개발된 웹서비스가.. 상상도 하기 싫군요. 해서 번역은 아니고 그냥 제가 가이드를 보면서 이해한 정도의 수준으로만 가이드 형식의 포스팅을 합니다.캡쳐의 대장정이 될듯하네요. ㄷㄷㄷ;; Base CSSRequirements Folder Structure - 폴더 구조 일단 기본적으로 빨간 밑줄 가있는 파일들은 모두 필요하다고 생각하시면 될 것 같습니다. DOCTYPE - 문서형식HTML 문서형식은 HTML5.. 2014. 6. 17.
메트로UI (MetroUI) 부트스트랩 윈도우8 스타일의 웹사이트를 구현하려던 도중 메트로UI 도 부트스트랩이 있더라구요.이미 많은 분들이 알고 사용하고 계시겠지만 꾸역꾸역 포스팅합니다. 이미지를 클릭하시면 링크로 이동합니다. 상단의 네비게이션을 보면 다음과 같습니다.Base CSS Requirements : 부트스트랩을 설치하고 웹페이지에 적용시키는 과정설명 General CSS : Global 로 사용하는 스타일, 그리드 구성, 타이포그라피, 테이블, 폼, 버튼, 이미지 Responsive : 부트스트랩은 반응형을 지원한다. 화면크기(스크린 사이즈)에 반응하는 크기등 Icons : 개인적으로 이 부투스트랩을 사용하며, 제일 편하고 고마움을 느끼고 있는 이 아이콘들. 빠른 속도로 UI 를 구성하기에 너무 편리하게 되어있습니다.Componen.. 2014. 3. 14.
Metro UI & Modern UI & Window 8 Style UI 메트로 디자인 언어는 여러 그룹의 공통 작업들을 통합하여 이용 속도를 빠르게 하기 위해 설계되었다. 과도한 그래픽을 제외하는 대신 실제 콘텐츠를 주 UI에 의지하게 함으로써 수행한다. 내부적으로 마이크로소프트는 메트로 디자인 언어의 핵심이 되는 원칙들을 나열해 놓았다.[5] 애니메이션은 누르기와 같은 사용자 반응, 그리고 전환 효과와 더불어 큰 부분을 차지한다. 사용자에게 이 UI가 살아있고 반응적이라는 인상을 주려는 것이 목적이다.위키참조 : 링크 관련링크MS, 메트로 UI '라이브 타일' 특허 침해소송메트로 UI BootStrap관련링크 생길때마다 추가할거임.^^ 2014. 2. 25.
반응형