タグ HTML5 and CSS
人気順 5 users 10 users 100 users 500 users 1000 usersCSS謝罪文 - 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... 続きを読む
ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS
Readme JavaScript 325 lines HTML 53 lines SCSS / Compass 130 lines お題:思わず登録したくなる「登録フォーム」 意図 メッセージアプリでの登録をイメージして作りました 人とチャットしてるときはタイピングが苦じゃないってことで、クラウディアさんに来て頂きました クラウディアさん情報: http://msdn.microsoft.com... 続きを読む
今話題の第二回全国統一HTML5実力テストを受けてみた! - Webデザイン初心者向けのあれこれ
2013-01-23 今話題の第二回全国統一HTML5実力テストを受けてみた! HTML 皆さんこんにちは 今日はjsdo.itさんが主催する 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/event/html5cat/2012/autumn/ テストを受けてみました。 最初の問題はWEB... 続きを読む
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. 続きを読む
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
スマートフォンのブラウザとPCのブラウザをWebSocketで 接続するコントローラーです。 jsdo.itならWebSocketを用いたゲームをいますぐ作成できます。 お手持ちのスマートフォンで、右のQRコードを読み取るか、 -- にアクセスしてください. 続きを読む
Web Creator's Contest Q - jsdo.it - Share JavaScript, HTML5 and CSS
自分を、試す。未来を、拓く。 “Q”は、すべてのWebクリエイターのための、アイデア&スキルコンテスト。 「HTML5」「CSS」「JavaScript」など得意スキルを活かしてお題にチャレンジ。 優秀者には豪華賞品を贈呈。 ビジネスSNS「Biz-IQ」上で、協賛企業からスカウトメールが届く可能性も。 皆さんの挑戦を、お待ちしています。 続きを読む
SPEC | JavaScript、HTML、CSSクリエイターの採用試験 - jsdo.it - Share JavaScript, HTML5 and CSS
DeNAのゲームに使用されている素材を自由につかってCSSだけでバトル画面の必殺技を作成したり、ファイルサイズを押さえたローディングの演出など考えていただき、HTML5,CSS3などを用いてオリジナリティあふれる作品を投稿してください。優秀作品者には、豪華賞品を贈呈させていただきます。【素材をダウンロードしてチャレンジする】 DeNA ディー・エヌ・エー(DeNA)は、日本、英語圏、中国語圏を中心... 続きを読む
とてもとても簡単な、jQueryプラグインのつくりかた。 | Ginpen.com
先日Yokohama.jsでちょろっとお話しして来ました。 先に完成品 こんな感じのものをつくります。 とてもとても簡単な、jQueryプラグインのつくりかた。 – jsdo.it – share JavaScript, HTML5 and CSS 仕様 クリックするたびに色が変わる、というものにしましょう。色は引数で渡します。 こんな感じで使います。 $('.rotate_colors').ro... 続きを読む
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... 続きを読む
これは簡単! a要素にクラスを追加するだけでiPhone UIボタン | CSS-EBLOG
これは簡単! 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
jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、何を勉強したらいいのかがだいたいわかる!(はず) display:boxを使ったレイアウト CSS3の数行で作る簡単な3カラム... 続きを読む
子オブジェクトから親オブジェクトへの参照 - jsdo.it - Share JavaScript, HTML5 and CSS
Hogeからは子オブジェクトが存在するかどうか分からない (自分が親になっているのかどうか分からない)ので Hoge内から子オブジェクトに関する記述を行うことはできません。 この場合、Hogeを継承する子オブジェクト(子クラス)を作成し、 その中から上位クラス(.prototype拡張されているクラス)を参照することになります。 JSの場合、オブジェクトの継承関係は.prototypeの継承関係で... 続きを読む
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. 続きを読む
jQuery Mobileを触りながら覚えよう! - jsdo.it - Share JavaScript, HTML5 and CSS
Tweet サンプルを用意しました!フォークしてjQuery Mobileを体験してみよう! スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ! aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定す... 続きを読む
CSS PANIC - jsdo.it - Share JavaScript, HTML5 and CSS
CSS文字装飾のバリエーション(12パターン) - jsdo.it - Share JavaScript, HTML5 and CSS
Normal Drop Shadow Stroke Outset Inset Block Glow 続きを読む
はいだしょうこ画伯の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 = ... 続きを読む
ソートアルゴリズムを映像化してみた - jsdo.it - Share JavaScript, HTML5 and CSS
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
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
僕をフォークして魔術師になってよ!norahikoforked:0favorite:1lines:0/115/635license:MIT Licensemodified:2011-03-07 20:51:39pv : 215 続きを読む
jsdo.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... 続きを読む