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

2019/07/25 127 users CSS jsdo.it 皆さま 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」事業の運営 本社所... 続きを読む

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

2014/02/03 522 users jsdo.it HTML5 and CSS

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

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

2013/02/19 451 users GIGAZINE htm タイピング jsdo.it チャット

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

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

2013/02/11 102 users jsdo.it HTML5 and CSS

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

今話題の第二回全国統一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/ テストを受けてみました。 最初の問題はＷＥＢ... 続きを読む

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

2012/10/18 168 users exam jsdo.it HTML5 and CSS

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

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

2012/05/21 1011 users input要素 jsdo.it jQuery 共通 要素

必要ならどうぞ。 デモ 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 jsdo.it スマホ

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

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

2012/03/15 111 users jsdo.it HTML5 and CSS

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

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

2011/11/25 54 users spec jsdo.it HTML 採用試験

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

とてもとても簡単な、jQueryプラグインのつくりかた。 | Ginpen.com

2011/10/26 83 users Ginpen.com 引数 jsdo.it つくりかた たび

先日Yokohama.jsでちょろっとお話しして来ました。 先に完成品 こんな感じのものをつくります。 とてもとても簡単な、jQueryプラグインのつくりかた。 – jsdo.it – share JavaScript, HTML5 and CSS 仕様 クリックするたびに色が変わる、というものにしましょう。色は引数で渡します。 こんな感じで使います。 $('.rotate_colors').ro... 続きを読む

HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS

2011/09/07 588 users jsdo.it HTML5 and CSS

The duration of the test is set to 15 min. The measuring starts as soon as you begin the test. ※There is no penalty for overtime. Login Now, log into jsdo.it and begin the test! login with Google logi... 続きを読む

これは簡単！ a要素にクラスを追加するだけでiPhone UIボタン | CSS-EBLOG

2011/08/29 58 users CSS-EBLOG iPhone WebKit a要素 デモ

これは簡単！ a要素にクラスを追加するだけでiPhone UIボタン カテゴリ：iPhone関連 2011年8月29日 09:05 ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone / WebKitでしか最適化されていません) これは簡単！ a要素ひとつでiPhone UIボタン - jsdo.it - share JavaScript, HTML5 and CSS ... 続きを読む

一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ - jsdo.it - Share JavaScript, HTML5 and CSS

2011/07/21 2061 users display 一夜漬け Box jsdo.it なか

jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、何を勉強したらいいのかがだいたいわかる！（はず） display:boxを使ったレイアウト CSS3の数行で作る簡単な3カラム... 続きを読む

子オブジェクトから親オブジェクトへの参照 - jsdo.it - Share JavaScript, HTML5 and CSS

2011/07/13 78 users jsdo.it 参照 HTML5 and CSS Hoge

Hogeからは子オブジェクトが存在するかどうか分からない （自分が親になっているのかどうか分からない）ので Hoge内から子オブジェクトに関する記述を行うことはできません。 この場合、Hogeを継承する子オブジェクト（子クラス）を作成し、 その中から上位クラス（.prototype拡張されているクラス）を参照することになります。 JSの場合、オブジェクトの継承関係は.prototypeの継承関係で... 続きを読む

HTML5 Fireworks - jsdo.it - Share JavaScript, HTML5 and CSS

2011/06/23 302 users jsdo.it HTML5 and CSS

Firework codes submitted on jsdo.it will be used for 7/7 festival on browser! We welcome everyone's challenge to make this event a spectacular one. 続きを読む

jQuery Mobileを触りながら覚えよう！ - jsdo.it - Share JavaScript, HTML5 and CSS

2011/06/10 467 users jsdo.it jQuery Mobile トランジション

Tweet サンプルを用意しました！フォークしてjQuery Mobileを体験してみよう！ スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ！ aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定す... 続きを読む

CSS PANIC - jsdo.it - Share JavaScript, HTML5 and CSS

2011/06/06 63 users jsdo.it HTML5 and CSS

続きを読む

CSS文字装飾のバリエーション(12パターン) - jsdo.it - Share JavaScript, HTML5 and CSS

2011/05/23 67 users jsdo.it バリエーション HTML5 and CSS

Normal Drop Shadow Stroke Outset Inset Block Glow 続きを読む

はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた - jsdo.it - Share JavaScript, HTML5 and CSS

2011/05/17 120 users モーフィング this.name SVG function

はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた jQuery UI v1.8.1 Raphael 1.4.3 - JavaScript Vector Library jQuery v1.6 (function($) { /** * MorphingImage class */ MorphingImage = function(name, data) { this.name = ... 続きを読む

ソートアルゴリズムを映像化してみた - jsdo.it - Share JavaScript, HTML5 and CSS

2011/03/10 216 users ソートアルゴリズム jsdo.it 映像化

Now relevant tags could be inherited when a specific code is forkedよくあるやつです。ぼんやり眺めてると、とても癒されます。 今のところ確認してる不具合は、 ・Operaでは、要素を101以上に増やすと全く表示されなくなる。 ・Webkitだと、グラフの右端にスペースができる。 ・IE8だとエラーが出て全く動かず。IE9はやればでき... 続きを読む

CSS3で笑い男 - jsdo.it - Share JavaScript, HTML5 and CSS

2011/03/08 56 users jsdo.it CSS3 笑い男 HTML5 and CSS

CSSアニメーションの練習に作ってみた chromeのみ動作確認 /*参考*/ 笑い男 SVG : http://d.hatena.ne.jp/fls/20061023/p1 /*修正*/ before,after要素を導入sonji07forked:0favorite:1lines:0/65/178license:MIT Licensemodified:2011-03-06 17:51:13pv... 続きを読む

CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS

2011/03/07 352 users キュウ full CSS jsdo.it

僕をフォークして魔術師になってよ！norahikoforked:0favorite:1lines:0/115/635license:MIT Licensemodified:2011-03-07 20:51:39pv : 215 続きを読む

jsdo.it - Share JavaScript, HTML5 and CSS

2010/06/18 3105 users jsdo.it JavaScript HTML5

jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code. And also Ask questions about JavaSc... 続きを読む