【重要】サービス終了のお知らせ - jsdo.it - share JavaScript, HTML5, CSS - developers blog

2019/07/25 127 users CSS 皆さま developers blog HTML5

いつもjsdo.itをご利用いただきまして誠にありがとうございます。 ご利用いただいている皆さまに大切なお知らせがございます。 2010年より運営してまいりましたjsdo.itですが、サービスの利用状況を鑑みて、2019年10月31日（木）15:00 をもちまして、サービスを終了させていただくこととなりました。 サービス終了に伴い... 続きを読む

【重要】jsdo.itの運営会社変更に関するお知らせ - jsdo.it - share JavaScript, HTML5, CSS - developers blog

2016/02/08 92 users 面白法人カヤック CSS 株式会社HatchUp 皆さま 事業

いつもjsdo.itをご利用いただきまして誠にありがとうございます。 ご利用いただいている皆さまに大切なお知らせがございます。 jsdo.itは、面白法人カヤックから株式会社HatchUpの事業子会社であるjsdoit株式会社に譲渡され、3月1日よりjsdoit株式会社によって運営されます。 ◆jsdoit株式会社について 登記日：2016年2月3日 事業内容：「jsdo.it」事業の運営 本社所... 続きを読む

プログラムの中身が見れる「jsdo.it」で、天才的な猛者のWeb作品10選を集めてみた！ | APPGIGA!!（アプギガ）

2014/03/28 740 users CSS 0310lan 言語 APPGIGA 最初

どうも、まさとらん（@0310lan）です！ 「HTML5」「CSS」「JavaScript」と言えば、ほとんどの方が一度は聞いたことがあるのではないでしょうか？ サイトやWebアプリなどを作る上で、まず最初に学習するための知識・言語と言えますが、これらをブラウザ上で書いたり実行したり共有できるサービスとして「jsdo.it」があります。 サイト内は、毎日無数のWeb作品が作られており、コードの中... 続きを読む

CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS

2014/02/03 522 users Share JavaScript

Readme JavaScript 0 lines HTML 1 lines SCSS / Compass 30 lines CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first... 続きを読む

HTML/CSS/JavaScriptを編集してその場で結果確認「Editr」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/05/19 77 users CSS HTML ソフトウェア エンジニア オープンソース

EditrはWeb上でHTML/CSS/JavaScriptを編集して結果を確認できるサービスです。最近、Jsdo.itのようにWeb上でコードを書いてその結果を確認できるサービスの人気があります。そのオープンソース版とでも言うべきなのがEditrです。 結果ページ。 JavaScriptの編集を行えます。 こちらはスタイルシート。 HTML。この3つを組み合わせて結果ページになります。 複数のH... 続きを読む

ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」 - GIGAZINE

2013/02/19 451 users GIGAZINE htm タイピング チャット アイデア

登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTM... 続きを読む

ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS

2013/02/11 102 users Share JavaScript

Readme JavaScript 325 lines HTML 53 lines SCSS / Compass 130 lines お題：思わず登録したくなる「登録フォーム」 意図 メッセージアプリでの登録をイメージして作りました 人とチャットしてるときはタイピングが苦じゃないってことで、クラウディアさんに来て頂きました クラウディアさん情報: http://msdn.microsoft.com... 続きを読む

CSSで絵を描く！？今日から作れる達人のコツをご紹介 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2013/01/30 103 users KAYAC DESIGNER CSS アルバイター 達人 コツ

はじめまして! HTMLファイ部(内定者)の、のびーです。 4月の入社に向けて、せっせと勉強をしているアルバイターです。 jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！ http://jsdo.it/blog/2013/01/html5cat-update.html リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いて... 続きを読む

今話題の第二回全国統一HTML5実力テストを受けてみた！ - Webデザイン初心者向けのあれこれ

2013/01/23 54 users 話題 Webデザイン初心者向け Autumn Event 最初

2013-01-23 今話題の第二回全国統一HTML5実力テストを受けてみた！ HTML 皆さんこんにちは 今日はjsdo.itさんが主催する 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/event/html5cat/2012/autumn/ テストを受けてみました。 最初の問題はＷＥＢ... 続きを読む

車輪の再発明×jsdo.itのススメ. 色々なコードを tmlib.js で作りなおしてみた | TM Life

2013/01/15 52 users tmlib.js 車輪 プログラミング ススメ TM Life

jsdo.it にある色々なコードを勉強がてら tmlib.js で作りなおしてみました. せっかくなので作ったコードを紹介したいと思います. っとその前にプログラミングを学んでいる方向けに, 車輪の再発明×jsdo.it の良さについて軽く書きたいと思います. Table of contents 車輪の再発明って？ 車輪の再発明×jsdo.it サンプル Hexagon Phase 2 – tm... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 108 users KAYAC DESIGNER Paberish Blog

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 1368 users KAYAC DESIGNER Paberish Blog

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

The 2nd Annual HTML5 Exam - jsdo.it - Share JavaScript, HTML5 and CSS

2012/10/18 168 users exam Share JavaScript

Editorial Supervision by Futomi Hatano(HTML5.JP Administrator) Shunpei Shiraishi (html5j.org Administrator) DeNA Co., Ltd. 続きを読む

FlashやHTML5で作成されたカードの合成UI・演出のまとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/09/10 83 users KAYAC DESIGNER Flash Blog 演出 作品

もはやコーディングコンテストサイトと化しているjsdo.itですが、いま開催中の SPEC vol.5 はいつもとちょっと違います。 今回は、いつものHTML5・JavaScript・CSSに加えて、ActionScriptでのエントリーもできます！ 「じつはFlashのほうが得意！」という方にも挑戦していただいているんですが、もうすでに続々と面白い作品が集まりだしているので個人的に気になる作品を... 続きを読む

JavaScript の比較演算子 == と === の違い | TM Life

2012/08/19 118 users 比較演算子 TM Life JavaScript fork

JavaScript における比較演算子 == と === の使い分けって, C や Java といった他の言語にはない仕組みなので意外と戸惑う人もいるみたいですね. 今回はその違いについてまとめました. jsdo.it で作ったサンプルもあります. 良かったら fork して遊んでくださいな♪ Table of contents 等価演算子と厳密等価演算子 どっちを使うべき？ 蛇足: Coffe... 続きを読む

CSS でテキストの縦揃えを上揃え, 中央揃え, 下揃えにする方法 | TM Life

2012/07/30 50 users CSS 中央揃え テキスト TM Life fork

久々の備忘録!! CSS でテキストの縦揃えを変えるときによく使う方法を紹介します. Table of contents サンプル 上揃えにする方法 中央揃えにする方法 下揃えにする方法 ついでに横揃えも!! サンプル まずは実際に実行してみて下さい. 上, 中央, 下揃えそれぞれ適応させたサンプルです. jsdo.it で実装しています. fork して遊んでみて下さい. Demo Downlo... 続きを読む

ブラウザでJSX, CoffeeScript, SCSS, LESSをすぐに試せる魔法の1行 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/13 60 users less Mixin CoffeeScript jsx CSS

ブラウザだけでjavascript, HTML, CSSを書いて実行できるサービス「jsdo.it」が、ちょっとパワーアップしました！ これまでの言語に加え、JSX, CoffeeScript, SCSS, LESSを実行できるようになりましたー！！ 「ちょっと試したいけど環境を作るが面倒...」「SCSSのmixinをシェアしたい」などなどブラウザだけで解決できちゃいますよ♪ 使い方 コードの1... 続きを読む

HTML5 マークアップ入門 | TM Life

2012/05/22 540 users TM Life HTML5 fullscreen fork

昔書いた HTML5 に関するエントリー 『HTML5 でコーディングしてみよう!』 のサンプルを jsdo.it に移植したので改めて解説します. fullscreen 用に作ってあります. fork して色々イジって遊んでください. Step by Step で HTML5 や CSS3 を学びたい方は過去に書いた『HTML5 と CSS3 で Web 制作』をどうぞ. Demo Downlo... 続きを読む

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com

2012/05/21 1011 users input要素 jQuery Ginpen.com 共通 要素

必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む

ブラウザゲームをスマホで操作できる！jsdo.it WebSocket Controller - jsdo.it - Share JavaScript, HTML5 and CSS

2012/04/10 64 users ブラウザゲーム WebSocket コントローラー スマホ

スマートフォンのブラウザとPCのブラウザをWebSocketで 接続するコントローラーです。 jsdo.itならWebSocketを用いたゲームをいますぐ作成できます。 お手持ちのスマートフォンで、右のQRコードを読み取るか、 -- にアクセスしてください． 続きを読む

enchant.js 怒涛の 100 tips | TM Life

2012/03/16 507 users Tips 怒涛 fork enchant.js スイマセン

enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理がてらざっくり公開しようと思います. 最終的に整理してたら 100超えちゃったけどw 参考になれば幸いです. 全て jsdo.it に移植したので, fork なりダウンロードなりして遊んでくださいな♪ ※スイマセン, まだ下の方の 40個ぐらいは... 続きを読む

Web Creator's Contest Q - jsdo.it - Share JavaScript, HTML5 and CSS

2012/03/15 111 users Share JavaScript

自分を、試す。未来を、拓く。 “Q”は、すべてのWebクリエイターのための、アイデア＆スキルコンテスト。 「HTML5」「CSS」「JavaScript」など得意スキルを活かしてお題にチャレンジ。 優秀者には豪華賞品を贈呈。 ビジネスSNS「Biz-IQ」上で、協賛企業からスカウトメールが届く可能性も。 皆さんの挑戦を、お待ちしています。 続きを読む

意外と知らない？アイコンはWebフォントでつくるとこんなに便利！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/02/28 815 users シンボル KAYAC DESIGNER イラスト Blog

Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボル... 続きを読む

CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2011/12/13 500 users KAYAC DESIGNER クオリティー spec CSS

jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップし... 続きを読む

SPEC | JavaScript、HTML、CSSクリエイターの採用試験 - jsdo.it - Share JavaScript, HTML5 and CSS

2011/11/25 54 users spec HTML 採用試験 JavaScript

DeNAのゲームに使用されている素材を自由につかってCSSだけでバトル画面の必殺技を作成したり、ファイルサイズを押さえたローディングの演出など考えていただき、HTML5,CSS3などを用いてオリジナリティあふれる作品を投稿してください。優秀作品者には、豪華賞品を贈呈させていただきます。【素材をダウンロードしてチャレンジする】 DeNA ディー・エヌ・エー（DeNA）は、日本、英語圏、中国語圏を中心... 続きを読む