タグ jsdo.it
新着順 10 users 50 users 100 users 500 users 1000 usersjsdo.it - Share JavaScript, HTML5 and CSS
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... 続きを読む
一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ - jsdo.it - Share JavaScript, HTML5 and CSS
jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、何を勉強したらいいのかがだいたいわかる!(はず) display:boxを使ったレイアウト CSS3の数行で作る簡単な3カラム... 続きを読む
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個! | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします! 「HTMLファイ部」創立1周年! 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ!・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通:要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む
意外と知らない?アイコンはWebフォントでつくるとこんなに便利! | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 (以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。) jsdo.it のシンボル... 続きを読む
プログラムの中身が見れる「jsdo.it」で、天才的な猛者のWeb作品10選を集めてみた! | APPGIGA!!(アプギガ)
どうも、まさとらん(@0310lan)です! 「HTML5」「CSS」「JavaScript」と言えば、ほとんどの方が一度は聞いたことがあるのではないでしょうか? サイトやWebアプリなどを作る上で、まず最初に学習するための知識・言語と言えますが、これらをブラウザ上で書いたり実行したり共有できるサービスとして「jsdo.it」があります。 サイト内は、毎日無数のWeb作品が作られており、コードの中... 続きを読む
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと. net
個人的にお勧めしているjsfiddle ですが、せっかくなのでちゃんと 記事にして普及活動をしてみよう かなと思います。jQueryのコード を気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddle jsfiddleとは、... 続きを読む
HTML5 Coding assessment test - jsdo.it - Share JavaScript, 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... 続きを読む
HTML5 マークアップ入門 | TM Life
昔書いた HTML5 に関するエントリー 『HTML5 でコーディングしてみよう!』 のサンプルを jsdo.it に移植したので改めて解説します. fullscreen 用に作ってあります. fork して色々イジって遊んでください. Step by Step で HTML5 や CSS3 を学びたい方は過去に書いた『HTML5 と CSS3 で Web 制作』をどうぞ. Demo Downlo... 続きを読む
JavaScriptは盗んで学べ! 知識0のデザイナーでもできるjsdo.itの遊び方 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
jsdo.itではInternetExplorerやFirefoxなどのWebブラウザだけでコードが書けちゃいます。 続きを読む
CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS
Readme JavaScript 0 lines HTML 1 lines SCSS / Compass 30 lines CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first... 続きを読む
enchant.js 怒涛の 100 tips | TM Life
enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理がてらざっくり公開しようと思います. 最終的に整理してたら 100超えちゃったけどw 参考になれば幸いです. 全て jsdo.it に移植したので, fork なりダウンロードなりして遊んでくださいな♪ ※スイマセン, まだ下の方の 40個ぐらいは... 続きを読む
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…!」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは!」と思った作品をピックアップし... 続きを読む
jQuery Mobileを触りながら覚えよう! - jsdo.it - Share JavaScript, HTML5 and CSS
Tweet サンプルを用意しました!フォークしてjQuery Mobileを体験してみよう! スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ! aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定す... 続きを読む
まだまだ間に合うCanvasでアニメーション入門(まとめと実践) :: 5509
JavaScript Advent Calendar 2010も22日目!あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん?なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわ... 続きを読む
ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」 - GIGAZINE
登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTM... 続きを読む
地獄のミサワがCSS3の勉強に最適と話題に | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
CSS3に興味はあるけど、きっかけが無いなあと思っている方へこんにちわ、jsdo.it担当のふちがみです。最近jsdo.itで地獄のミサワをイジりながらCSS3やcanvas、javascriptを学ぶ動きが活発なんです。「それ2年ぐらい前に見たわー」という方も続きからどうぞ!一瞬でわかるまとめフロントエンジニアたちが地獄のミサワに夢中 - togettercanvasで描かれたミサワ 続きを読む
CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS
僕をフォークして魔術師になってよ!norahikoforked:0favorite:1lines:0/115/635license:MIT Licensemodified:2011-03-07 20:51:39pv : 215 続きを読む
今日からCSS3アニメーションを使えるようになるチュートリアル | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
CSS3のアニメーションってスゴい! 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示さ... 続きを読む
HTML5 Fireworks - jsdo.it - Share JavaScript, 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. 続きを読む
HTML5花火大会から学ぶcanvasの表現力 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
HTML5花火大会が始まりました! jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています! 本当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ? javascriptから自由にグラフィックを描画で... 続きを読む
ソートアルゴリズムを映像化してみた - jsdo.it - Share JavaScript, HTML5 and CSS
Now relevant tags could be inherited when a specific code is forkedよくあるやつです。ぼんやり眺めてると、とても癒されます。 今のところ確認してる不具合は、 ・Operaでは、要素を101以上に増やすと全く表示されなくなる。 ・Webkitだと、グラフの右端にスペースができる。 ・IE8だとエラーが出て全く動かず。IE9はやればでき... 続きを読む
The 2nd Annual HTML5 Exam - jsdo.it - Share JavaScript, HTML5 and CSS
Editorial Supervision by Futomi Hatano(HTML5.JP Administrator) Shunpei Shiraishi (html5j.org Administrator) DeNA Co., Ltd. 続きを読む
【重要】サービス終了のお知らせ - jsdo.it - share JavaScript, HTML5, CSS - developers blog
いつもjsdo.itをご利用いただきまして誠にありがとうございます。 ご利用いただいている皆さまに大切なお知らせがございます。 2010年より運営してまいりましたjsdo.itですが、サービスの利用状況を鑑みて、2019年10月31日(木)15:00 をもちまして、サービスを終了させていただくこととなりました。 サービス終了に伴い... 続きを読む
はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた - jsdo.it - Share JavaScript, HTML5 and CSS
はいだしょうこ画伯の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 = ... 続きを読む