CSS3 エディター v1.02a
本ツールは「○○○○」のデザインテンプレートのスタイルシート編集をサポートするツールです。テンプレート本体を編集するツールではありませんのでご注意ください。
- エディター操作ガイド
- まず、スタイルシートを編集するページのURLを入力して、ページデータを読み込みます。
読み込んだHTMLは「ページビューワー」でいつでも参照できます。また、読み込んだHTMLのCSSは「オリジナルCSS」タブで確認できます。
- 次に「編集ビューワー」を開き、編集したい要素(ページ内のパーツなど)を選択してください。
選択された要素が参照可能であればプレビューエリアに表示されます。プレビューされた要素のCSSは「参照CSS」タブで確認できます。
- 「参照CSS」のスタイルを参考にしながらエディターにてスタイルを生成し、「編集CSS」タブのスタイルシートへコピー&ペーストしてCSSをカスタマイズしてください。
「編集ビューワー」を開くたびに「編集CSS」タブ内のスタイルシートがHTMLに反映され、表示の確認を行うことが出来ます。
- 最終的に整形した「編集CSS」のスタイルシートは「スタイルシート保存」を行うことで、出力できます。出力されたCSSファイルをサーバにアップすることで商用環境にスタイルを反映できます。
※なお、本エディターはスマートフォン向けのCSS編集用に特化してあるため、スマートフォンと同じエンジンを持つWebkit系ブラウザ(「Safari」か「Chrome」)でご利用ください(「Firefox」でも動作はします。ただし、CSS3への対応が遅れている「InternetExplorer」では正常動作は保証できません)。
ページデータ読込
ページビューワー
編集ビューワー
スタイルシート保存
ページデータアップロード