Send to your Kindle *** 時間帯によって配色替え [#r3755b41] 目に優しく。 RIGHT:[[:t/スタイル]] [[:t/UI]] スキン。スタイル。UI。 （ページ編集ページの定義など、Wikiテキストの埋め込み先） ハイパーテキスト、スタイルシート、画像など埋め込むもので構成。 動的部分を除いて完結していること。 ブログパーツやバナー、はてなスターのようなものの組み込みはこれを編集することで使用可能に。 （ページの本文内で良いならHTML埋め込み用の機能で） ---- #contents *スタイル [#b69dbd5e] *** アウトラインビュー [#p296aeb4] モバイル版Wikipediaのような見出しだけのビュー。 斜め読みや思い出しのためのビュー。 *** 好きなHTML編集アプリで作成できるように [#qc1e7ea8] -Microsoft Expression Web -ホームページ・ビルダー -Google Page Creator などで。 通常のWebページに独自タグを埋め込んで。 マークアップされたテキストにさらにマークアップ。 アップロードは設定ページの編集欄に貼り付けすることで。 HTML編集アプリではリンクが使えないので、ページ1つずつ個別に編集することになる。 →HTML編集アプリのサイト管理機能は使えない。 →対応する必要なし。 *** UserAgentと画面の広さ別に [#e9947fa2] デフォルトスタイル（利用者設定では特に設定されてない項目）をUserAgentと画面の広さ別に''定義可能''に。 *** 時間帯によって配色替え [#r3755b41] 目に優しく。 *** Readabilityのテキストビューのような [#p97b4c90] [[ウィキエンジンX/ウォークスルー - Readability>http://www.readability.com/articles/ljhaivsv]] *** rem (CSS3) [#x803bb1d] テキストと同じ領域にある画像サイズはrem指定。 指定がなければmax-width:100%;（アスペクト比維持のためwidthだけ。heightはいくつになってもスクロールで気にならないのでいい） *** love.mcdonalds.co.jp [#p72109a8] こんなグリッドにするには？ &ref(https://i.gyazo.com/11feffd42cf4ae09fa1e592ce9df28ed.png,,20rem); &ref(https://i.gyazo.com/51de398de416272e970fce56a4ae946a.png,,20rem); &ref(https://i.gyazo.com/0cd38f81341d465f55934bb3337060c9.png,,20rem); *** CSS適当コンバーター [#dd79a9b6] 他のシステムのCSSを変換。 叩き台ができる程度でいい。だいたい変換。 過不足があるので完全に変換できるわけがない。 他のシステムとこれの両方で共通する部分だけ扱う。 システムによってキーワードが異なるので、入力時に何のCSSかを指定。 個別対応。 「汎用（適当）」という適当なやり方も提供。 Wikiは5ペイン（上、下、右、左、真ん中）までの構成で、独自の段組み（システムが用意したものでなく、利用者が独自に作った段組み）が無ければどんなスタイルでも適用できるはず。 Wikiとは独立したツール。 RIGHT:[[:t/おまけ]] [[:t/スタイル]] *[[:t/スタイル]]より [#ya7dc968] **未分類 [#u6f05caf] // ***[[:i/]] *スタイル/ [#m2e2cb8f] #ls
