[JQuery] JQueryMobile을 이용한 Simple Index Page 초기화면

Posted by Readiz
2013.11.06 13:07 Creation/Design


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

이 댓글을 비밀 댓글로

티스토리 툴바