본문 바로가기

Creation/Design

[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에서도 접속이 가능한 개인페이지를 만들고 싶다면 위처럼 간단간단하게 즐겨찾기 식으로 만들어도 활용도가 매우 높을듯하다.

태그