ブラウザ上でサクッとHTML・CSS・JSコードを書いて実行できるWebサービス 『JSFIDDLE』



ブラウザ上でHTML、CSS、JSコードを記述して

実行できるWebサービス

これからHTMLを勉強する方には便利なWebサービスで

手軽にテスト環境が作成出来そうです

jsfiddle31

JSFIDDLE リンク先はこちらから

jsfiddle1

上記リンク先ページを開くと

左側が設定パネル

右側ペインにて

左上 HTMLコード 右上 CSSコード

左下 Javascript 右下 結果表示画面

となっており把握しやすい画面となってます

jsfiddle2

実際にコードを書いて「Run」を実行すると

結果画面が出力されます

jsfiddle3

CSSなども無事に認識しています

一画面で見やすく記述できるので

HTML初心者が勉強するには便利です

jsfiddle4

jQueryなどの読込も可能です

HTML初心者からjQueryを使った

インタラクティブな動作まで様々なテストを

このWebサービスで出来ると思います

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    WebGL技術でBMWを美しく再現したWebサービス 『BMW i8 – PLAYCAN…

    WebGL技術で再現したBMWを堪能できる宣伝のWebサービス…

  2. 言語・開発・勉強

    Web上で本格的な数式やグラフ作成が可能なWebサービス 『Mathcha』

    Web上で数式やグラフなどを描く事ができる Webサービス 配列や…

  3. 言語・開発・勉強

    BMIやローン返済・電気料金の計算など様々な計算が出来るCasioのネットサービス Keisan

    生活に役立つローンの計算や体重やBMIの計算こよみの計算など日…

  4. 言語・開発・勉強

    ブラウザ上でPython、PHP、HTMLなどが実行可能なWebサービス 『SourceLair』

    ブラウザ上でプロジェクトの実行ができるWebサービス対応してい…

  5. 言語・開発・勉強

    NASAが公開した宇宙の写真集が素晴らしいぞ!! 『NASA’s Real-Life I…

    映画「ゼロ・グラビティ」のビジュアルエフェクト賞受賞という事で…

  6. 言語・開発・勉強

    ゲーム感覚でJavaScriptを学べるWebサービス 『JSRobot』 コードを書いて楽しめる

    ロボットをコードで操作してゴールを目指すプログラミングが学べる…

コメント

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

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

最近の記事

PAGE TOP