読者です 読者をやめる 読者になる 読者になる

uoz 作業日記

様々な作業の記録を共有するブログです。

カレンダー試作 [カレンダー&Todoアプリ]

f:id:uoz:20120208040924j:plain

 試しにここのグリッドシステムを使ってみた

http://www.notjustagrid.com/

------------------------------------------------------------------------------------------------------------

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" href="notjustagrid1.1/css/reset.css"/>

<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/grid960.css" />

<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/type.css" />

<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/helpers.css" />

<link rel="stylesheet" media="screen" href="notjustagrid1.1/css/ux.css" />

<link rel="stylesheet" href="style.css" type="text/css">

<title>カレンダーサンプル1</title>

</head>

<body>

<div class="container">

 

<!-- ヘッダ -->

<header>

<div class="full bg_lightgrey shadow_out_5 top_margin_10 vpad_10">

<h1>カレンダーサンプル1</h1>

<p>2012-02-08</p>

</div>

</header>

 

<!-- メインコンテンツ -->

<article>

<div class="full text_center full bg_mediumblue top_margin_10 vpad_10 round_5">

<h1>2001 1/1</h1>

<p>予定の文章</p>

</div>

</article>

 

<article>

<div class="full text_center bg_mediumblue top_margin_10 vpad_10 round_5">

<h1>2001 1/2</h1>

<p>予定の文章</p>

</div>

</article>

 

<!-- フッタ -->

<footer>

<div class="full bg_mediumgrey top_margin_20 vpad_10 ">

<p>Test version</p>

</div>

</footer>

 

</div>

</body>

</html>

 

 

------------------------------------------------------------------------
これ6つしかよこにならばないのか
カレンダーを作るには7つ以上必要だから

よくある12カラムのやつをつかうか

CSS3のグリッドシステムをつかって自分で作らないとダメか

http://withd.jp/web/tips/standard/2888.html?page=2