新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css
Documentation -xy.css Step 1: ダウンロード xy.cssを下記ページからダウンロードします。 ダウンロード -xy.css Step 2: 水平のグリッド設計 HTMLは非常にシンプルで、classなど余計なものは一切ありません。 <header></header> <article></article> <aside></aside> <footer></footer> 天地にヘッダとフッタ、コンテンツとサイドバーを2カラム水平に配置します。 header, footer { width: 100%; } article { width: 66.6667%; float: left; } aside { width: 30.769231%; float: right; } Step 3: 垂直のグリッド設計 articleとaside内に、見出しとパラグラフ
スタイルシートで縦書き - 縦書き用CSS - tategaki.info
縦書きレイアウト用スタイルシートです。JavaScriptなどを使用せず、スタイルシートのみで縦書きを実現できます。 縦書きWebレイアウト用のスタイルシート "tate-style.css"です。コピーしてお使いください。 ※ 2013.03.27 font-family設定をアップデート。 ※ 2011.07.03 細か〜い修正をしました。詳しくは → こちらで。 @charset 'UTF-8'; /* 縦書きレイアウト用スタイルシート tate-style.css last updated : Mar 27 , 2013 tyz@freefielder.jp http://freefielder.jp http://tategaki.info/ */ div.tate-area{ float:right; font-size:12pt; } div.tate-area a{ col
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
builwing.info