桜のはなびらどっとねっとロゴ

桜のはなびらどっとねっと

StyleSheetPreview

CSSPrvScreenShot

ソフトウェア概要

このソフトウェアは打ち込んだスタイルシートを確認するためのソフトウェアです。

たとえば、WEBページでCSSを編集するときにスタイルシートがどう動作しているかを確認するためのソフトウェアで、WEBページ全体というよりはID単位、クラス単位、エレメント単位でのスタイルシートを確認するために制作しました。

出来ること

初期状態では上部のテキスト入力エリアに入力したスタイルシートをdivタグに対して適応して表示確認ができるようになっています。スペースキーやエンターキーをトリガーにして入力された内容を即座に下部のブラウザエリアに表示することが出来ます。

この入力エリアへの入力は特に制限を設けていませんので、HTMLコードの部分でHTMLコードを編集することで自由なタグエレメントやID・クラスに適応することが出来ます。
このスタイルシートを適応したいページのHTMLタグに合わせて設定にてスタイルシートを指定することで、より実運用に近い形での表示確認が可能になります。

スタイルシート適応順について

入力エリアに入力されたスタイルシートはHTMLの中にインクルードされますので。優先度は以下のとおりになります。

  • タグ内style要素 > 入力エリアのスタイルシート > CSSファイルのスタイルシート

HTTPサーバー機能搭載で他の端末でも確認可能

簡易的なHTTPサーバーとして機能していますので手動で更新する必要はありますが。編集中のコンピュータだけでなく。LAN内の別のコンピュータやスマートフォン・タブレット等の情報デバイスでの表示確認も行えます。

※ただし、このHTTPサーバー機能はあくまで編集中のスタイルシートを確認するための簡易的なものですのでローカルネットワーク上での使用をおすすめします。

内蔵ブラウザについて

このソフトウェアのブラウザ部分には開発環境に標準で用意されているIEベースのコンポーネントを使用しています。そのため、内蔵ブラウザでは Internet Explorerと同じ表示になります。なお、ブラウザのバージョンについては、お使いのPCにインストールされているIEのバージョンと同一。もしくは IE7.0移行の表示をシミュレートできます。

動作環境

  • Windows 7以降
  • .NET Framework 4.5以上がインストール必須
  • OSの使用に支障がない程度のIntel Pentium系CPU
    Windows 8 RT・Windows10 Mobile等のMobile系OSには対応していません。
    (噂によると動くらしいけど確認手段がないのでなんとも。)
  • そこそこの容量のメモリ(1GB以上を推奨)
  • 10MB以上の空き容量
  • ネットワーク機能
    確認用PCと作業PCが同じ場合は不要(ただしネットワークカードが全くない場合は起動しないかも?)
  • 800×600 256色以上を表示可能なモニタ
    1280×800 16bit以上を推奨

ダウンロード

更新履歴

日付バージョン内容
2014/10/131.0.0.0初回リリース

コメントは受け付けていません。