スタイルのバックアップ差分(No.27)

to your Kindle

追加された行はこの色です。
削除された行はこの色です。

Cn1l1d  <a href="http://fnuwoirzvxqh.com/">fnuwoirzvxqh</a>
RIGHT:&tag(スタイル,UI,ページ);

*目次 [#u3908c2c]
#contents
#br
#lsx(new=true);
#br

*関連 [#vbf14c5c]
#related
#br
#lsx(tag=スタイル,new=true,except=^スタイル(/.*)?$)
#br
[[検索:スタイル]]
#br
----

*スタイル [#ic5cd45c]
RIGHT:[[:t/スタイル]]

スキン。スタイル。UI。
（ページ編集ページの定義など、Wikiテキストの埋め込み先）

ハイパーテキスト、スタイルシート、画像など埋め込むもので構成。
動的部分を除いて完結していること。

ブログパーツやバナー、はてなスターのようなものの組み込みはこれを編集することで使用可能に。
（ページの本文内で良いならHTML埋め込み用の機能で）


**アウトラインビュー [#p296aeb4]
モバイル版Wikipediaのような見出しだけのビュー。

斜め読みや思い出しのためのビュー。
**好きなHTML編集アプリで作成できるように [#qc1e7ea8]
-Microsoft Expression Web
-ホームページ・ビルダー
-Google Page Creator
などで。

通常のWebページに独自タグを埋め込んで。
マークアップされたテキストにさらにマークアップ。

アップロードは設定ページの編集欄に貼り付けすることで。

HTML編集アプリではリンクが使えないので、ページ1つずつ個別に編集することになる。
→HTML編集アプリのサイト管理機能は使えない。
→対応する必要なし。
**UserAgentと画面の広さ別に [#e9947fa2]
デフォルトスタイル（利用者設定では特に設定されてない項目）をUserAgentと画面の広さ別に''定義可能''に。
**時間帯によって配色替え [#r3755b41]
目に優しく。

**Readabilityのテキストビューのような [#p97b4c90]
[[ウィキエンジンX/ウォークスルー>http://www.readability.com/articles/ljhaivsv]]
**rem (CSS3) [#x803bb1d]
画像サイズはrem指定。
指定がなければmax-width:100%;（アスペクト比維持のためwidthだけ。heightはいくつになってもスクロールで気にならないのでいい）


**love.mcdonalds.co.jp [#p72109a8]
こんなグリッドにするには？
&ref(http://dl.dropbox.com/u/62172621/wiki/LOVE%20McDonald%27s/1.png,,20rem);

&ref(http://dl.dropbox.com/u/62172621/wiki/LOVE%20McDonald%27s/2.png,,20rem);

&ref(http://dl.dropbox.com/u/62172621/wiki/LOVE%20McDonald%27s/3.png,,20rem);


**Metro+紙の質感 [#lf374883]

**黒背景にグロウ効果のボタン [#m7cf5002]