【重要】サービス終了のお知らせ - 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」で、天才的な猛者の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... 続きを読む

ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」 - 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で絵を描く」ことをテーマに記事を書いて... 続きを読む

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. 続きを読む

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

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

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

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振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む

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

ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと. net

2011/10/24 624 users jQuery jsfiddle CSS JavaScript

個人的にお勧めしているjsfiddle ですが、せっかくなのでちゃんと 記事にして普及活動をしてみよう かなと思います。jQueryのコード を気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddle jsfiddleとは、... 続きを読む

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

2011/09/07 588 users Share JavaScript

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... 続きを読む

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

2011/07/21 2061 users display 一夜漬け Box なか 3カラム

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

HTML5花火大会から学ぶcanvasの表現力 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2011/07/07 301 users canvas KAYAC DESIGNER 描画 夜空 大半

HTML5花火大会が始まりました！ jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています！ 本当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ？ javascriptから自由にグラフィックを描画で... 続きを読む

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

2011/06/23 302 users Share JavaScript

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 jQuery Mobile トランジション エフェクト 属性

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

はいだしょうこ画伯の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 ソートアルゴリズム Share JavaScript

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

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

2011/03/07 352 users キュウ full CSS Share JavaScript

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