[JQuery] JQueryMobile을 이용한 Simple Index Page 초기화면
보러가기 : http://readiz.com/
<!DOCTYPE html>
<html>
<head>
<title>Readiz - I serve, and you just take</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Readiz Index</h1>
</div>
<div data-role="content" align="center">
<img src="img/Readiz.png" />
<h3>Readiz - I serve, and you just take.</h3>
<a href="http://blog.readiz.com/" data-role="button" data-icon="star" data-iconpos="top" data-inline="true">Tistory Blog</a>
<a href="http://nlog.readiz.com/" data-role="button" data-icon="star" data-iconpos="top" data-inline="true">Naver Blog</a>
<p>Contect: readiz@readiz.com</p>
</div>
</div>
</body>
</html>
JQueryMobile을 이용해서 3분만에 작성가능한 초기화면이다.
딱히 설명이 필요 없을 정도로 간단해서.. 뭐라 추가할 말이 없는듯 하다.
Mobile에서도 접속이 가능한 개인페이지를 만들고 싶다면 위처럼 간단간단하게 즐겨찾기 식으로 만들어도 활용도가 매우 높을듯하다.