보러가기 : 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에서도 접속이 가능한 개인페이지를 만들고 싶다면 위처럼 간단간단하게 즐겨찾기 식으로 만들어도 활용도가 매우 높을듯하다.
'Creation > Design' 카테고리의 다른 글
| [CSS] CSS로만 만든 배경 / 그레디언트 들어간 배경 쓰기 (5) | 2014.02.24 |
|---|---|
| [폰트] 구글 Fonts이용, 영문 웹폰트 적용시키기 (9) | 2014.02.22 |
| [CSS] 원형 이미지 마스크 & transform 속성으로 회전시키기 (2) | 2014.02.19 |
| [CSS] 웹폰트 로딩중에도 본문 나오게 하기 (4) | 2014.01.13 |
| 플랫 디자인 색상 예제 / 색상코드(색상표) (3) | 2013.12.23 |
| 텍스트 편집기 Sublime Text 2의 기초 설정부터 FTP 연결까지 (16) | 2013.12.19 |
| [CSS] 브라우저 캐시 때문에 CSS 수정이 반영이 안될 때 (2) | 2013.12.18 |
| [CSS] CSS의 핵심 2편 - 속성(Attribute)값 알아보기 (0) | 2013.12.01 |
| [CSS] 웹디자인, 페이지 구성, CSS 처음 배워도 할 수 있다. CSS의 핵심 1편 (0) | 2013.11.21 |
| [JQueryMobile] Grid 사용방법 / Grid 개념 (0) | 2013.11.11 |
