Web制作者必見!! CSSをWeb上でビジュアル開発できるリファレンス的なWebサービス 『CSS GUI』

CSSをWeb上でビジュアル開発できる

Web制作に便利過ぎる「CSS GUI」。

要素に適用できるプロパティを見たり

試したりとリファレンス的なWebサービスです。

cssgui1

CSS GUI リンク先はこちらから

cssgui2

テキストボックスやボタン、画像やH1~H7など

HTMLで使える要素がたくさん並んでいます。

試してみたい要素をクリックすると選択できます。

選択すると画面左側がその要素に適用している

プロパティがパラメータのように表示されます。

ここでは送信と書かれたボタンを選択してみました。

Background-colorやBorder-radius、

CursorやFont-sizeなどよく使うプロパティが並びます。

その他にもPaddingなど細かく自由に変更が可能で

リアルタイムにプレビューで見れます。

cssgui3

画像を選択してみました。

基本的なプロパティしか無かったので

画面上部のAdd propertyから追加してみます。

cssgui4

Box-shadowを追加して適用してみました。

Box-shadowのプロパティに各種パラメータを

調整していき画面上で確認が可能です。

様々な要素にCSSプロパティを追加して

画面上でビジュアル的に開発できる

Web制作にはとても便利なWebサービスです。

Add Propertyを見るとどんなプロパティが使えるのか

などリファレンス的な使い方もできそうです。

  • コメント: 0

あのタイピングゲーム「特打」が無料で貰えるキャンペーン!! 7月19日まで前のページ

絵心テスト!! お絵かきをAIが判断して時間内にクリアを目指すWebゲーム 『Guess the Line』次のページ

関連記事

  1. Web制作ツール

    クリエイターに!! ダミーテキストが簡単に作れるWebサービス 『すぐ使えるダミーテキスト』

    クリエイターに時々必要なダミーテキストが簡単に作成、コピーできるWeb…

  2. Web制作ツール

    シンプルなパターン背景画像を作成できるWebサービス 『Background Image Gener…

    パターン背景画像を作成できるWebサービスホームページやブログ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP