2013-04-24 1 views
2

HTML 페이지의 Windows 8에서 최신 UI 타일 시스템을 다시 만들 수 있는지 알고 싶습니다.HTML 5의 최신 UI (Metro) 스타일 타일?

이미 thisthis website에서 만들었습니다. 여기

<div class="tile pos1-1 w1h1 techolive"></div> 
<div class="tile pos1-2 w1h1 techblue"></div> 
<div class="tile pos2-2 w1h1 techred"></div> 
<div class="tilebanner" style="font-size: 20px !important;"> 
    <a class="tile pos2-3 w2h1 techdarkblue" href="..."> 
        List of<br/> 
        Sessions 
    </a> 
</div> 

가 지금은 현대적인 UI의 같은 slide movement 효과를 추가하고자하는 코드입니다. 나는 그것을 만들기 위해 자바 스크립트가 필요하다. 아마도이 기능이나 유사한 기능이 HTML 5 또는 CSS에 포함되어있을 것입니다. 샘플을 어디에서 찾을 수 있는지 아십니까?

+0

에 정말 사실 뭔가를 얻을 사용자 인터페이스를 구축 할 수 있지만 도구입니다 :

또한입니다 , 진짜 코드는 없습니다. 나는 이것을 웹 사이트를 만들도록 코드하고 싶다 : http://www.youtube.com/watch?v=5MB4PqHhEbU –

답변

4

Metro JS이라는 jQuery 용 플러그인이 있습니다. 어쩌면 당신이 jquery와 자바 스크립트와 타일을 만드는 데 사용할 수 있습니다.

+1

lol 말은 "Theres a plugin for that"이다. –

+0

@David Chase : 네 말이 맞아. 나는 독일 문법을 사용했다. 내 대답을 수정했습니다. –

+1

롤 나는 애플이 말한 것과 같은 뜻이다. "[그 앱이있다]"(http://www.cnn.com/2010/TECH/mobile/10/12/app.for.that/index.html), 나는 "플러그인이있어."당신의 문법과는 아무런 관련이 없습니다. –

2

누구나 지금은 MetroUI을 체크 아웃해야합니다. 트위터 부트 스트랩과 매우 유사한 방법론을 따르며 매우 사용하기 쉽고 정말 좋은 결과를 만들어냅니다. 마이크로 소프트의 조언으로 개발

그래서 당신이 윈도우 8 난 그냥이 발견