HTMLやCSS、JavaScriptなどコードを画像化できるWebサービス 『SnapDeck』

HTMLやCSS、JavaScriptなどのコードを

美しく画像化できるWebサービス。

ブログやSNSなどでコードを紹介するのに

便利で色んなテーマで画像にできます。

snapdeck7

SnapDeck リンク先はこちらから

snapdeck1

リンク先を開くと左側がツールとなっていて

表示や言語設定ができます。

右側がプレビューウィンドウと実際のコードを

記述できます。

snapdeck2

Editorではコードに関する設定が叶です。

画面左上のボタン表示や幅、フォントなど

設定が可能です。

snapdeck3

対応言語は3種類で

HTML、CSS、JavaScriptとなります。

snapdeck4

Themeではあらかじめ用意された

デザインを使用することができます。

5種類ほど用意されているので

使いたいテーマを選択するだけでデザインが

ガラッと変わります。

snapdeck5

背景のグラデーションを好きな色に変更も

可能で自由にデザインが可能です。

背景を透明も可能です。

snapdeck6

ブログやSNSなどでコードを紹介するときなどに

便利で、色んな使い方が出来そうです。

  • コメント: 0

1日3回まで挑戦できる!! 隣り合う色を揃えるシンプルで奥深いゲーム 『Fast Flood』前のページ

Chromeの新しいタブが近代美術館になる拡張機能 『New Tab with MoMA』次のページ

関連記事

  1. ツール

    万華鏡のような不思議な絵が描けるWebサービス 『Miracle Pencil』

    万華鏡のような不思議な絵が描けるタブレットに最適化されたWebサー…

  2. ツール

    プレビューを見ながらアプリやWebアイコンを自由に作成できるWebサービス 『IconKitchen…

    アプリやWebなどのアイコンを自由にカスタマイズして画面上でプ…

  3. ツール

    メロディで楽曲検索できる!! 鍵盤で検索できるWebサービス 『弾いちゃお検索』

    メロディを鍵盤で入力して楽曲を検索できるWebサービス…

  4. ツール

    身長を比較できるシンプルなWebサービス 『Multmetric』

    身長を比較して表示できるシンプルなWebサービス。どれくらい差…

  5. ツール

    2枚の地図で大きさを比較してみることができるWebサービス 『MAPfrappe』

    2枚の地図上で指定した範囲の大きさを見比べる事ができるWebサ…

コメント

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

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

最近の記事

PAGE TOP