HTMLとCSSをリアルタイムにプレビュー確認できるWebサービス「CSSDesk」

CSS DESK トップページ

ブラウザ上でHTMLとCSSを記述することでリアルタイムに書いた記述が反映されるWebサービス「CSSDesk」を紹介します。コーディングの練習や気軽にCSSの効果を確認したい時などに便利ですね。

使い方はとっても簡単で「CSSDesk」にアクセスすると左側にHTMLとCSSのコードを記述する箇所があるのでそこに試してみたいHTMLやCSSコードを記述するとリアルタイムで右側に変更されたコードが反映されます。

他に下記のような機能も搭載されています。

  • プレビューの背景を変更
  • 記述したコードを保存して他の人と共有する専用のURLを発行
  • 記述したコードをhtml形式でダウンロード

おすすめ記事

  • Pocket
  • LINEで送る
  • このエントリーをはてなブックマークに追加

コメントを残す




関連記事

プログラミング等を3分動画で初心者向けに動画で解説してくれる「ドットインストール」
.htaccessや.htpasswdなどの生成してくれる「lufttools」がすこぶる使える!
顔バレを防げてSNSのアイコンにも使えるBrickapic。簡単にレゴ風自画像が作れて便利!
関西のWebデザイナー・クリエイター等のIT関係のセミナーをまとめてみました。
プレビューを見ながら簡単にスタイリッシュなグラデーションを作成できるCSS3ジェネレーター「Ultimate CSS Gradient Generator」
PDFが劇的に圧縮される!無料・オンラインでPDFの容量を減らすSmallpdf.com
CSSのみで作られたシンプルなアイコンセットを公開している「icono」
横並びのカラム計算に便利!ビジュアルで確認できるグリッドシステム計算ツールGridpx
Web制作に欠かせない各ブラウザのスタイルを初期化するCSSリセットを集めたWebサイト「css reset」
角丸・グラデーション・影・透過を表現するCSS3コードを自動生成してくれるジェネレータ「CSS3 Generator」
好きな色や大きさにカスタマイズしたアイコンを無料でダウンロードできる「PNGify Me」が便利!
無料で使えるロゴをダウンロードできる素材集サイト「LogoInstant」
デザインのためのインスピレーションの助けになるSNS風コミュニティサイト「Dribbble」
本や雑誌の表紙の洗練された配色コードを簡単に調べることができる「Color of Book」
Google Mapの制作に便利!サササッとGoogleMapの地図を埋め込む「0円のマップ屋さん」が素敵

Menu

HOME

 TOP