[B! html][javascript] kyaidoのブックマーク

kyaido id:kyaido

htmlとjavascriptに関するkyaidoのブックマーク (10)

[JavaScript]HTML5 Form Validationの制御と注意事項
概要 HTML5から支援しているForm Validation、皆さんご存知ですよね。非常に便利ですし、自分もHTML5に感謝しています。👏 サーバでは常にデータを検証するべきですが、追加のデータ検証をWebページ自身で行うことにも多くの利点があります。ユーザがフォームに入力している間にデータを検証することで、ユーザは何らかのミスをしたことを直ちに知ることができます。これはユーザが HTTP のレスポンスを待つ時間を減らし、またサーバで誤ったフォーム入力を扱うことがないようにします。詳しい内容は以下の記事をご参考してください。 🔗[JavaScript]HTML5 Form Validation しかし、ドンー (OA O; ) ブラウザー別にメッセージが統一されず、実際の案件には、デメリットになっちゃったんです。やっぱりHTML5 Form Validationに完全に依存され
kyaido 2016/09/10
html

javascript
リンク
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
kyaido 2015/03/22
html

javascript
リンク
ご存じですか、dialog要素
dialog要素と、そのAPIについて
kyaido 2014/08/18
css

javascript

HTML
リンク
BEM it!
The document discusses the BEM (Block, Element, Modifier) methodology for organizing CSS, HTML, and JavaScript code. It describes BEM as a system that defines three basic entities - Blocks, Elements, and Modifiers - to structure user interfaces and components. Blocks are standalone parts of the interface, Elements are integral parts of Blocks, and Modifiers define properties or states. The documen
kyaido 2013/09/08
css

javascript

html
リンク
formオブジェクト｜JavaScript/DOM｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説フォーム送信時のチェック処理方法〔ボタンの種類でイベント・メソッドを使い分け〕 action/methodを指定してフォーム送信〔action/methodプロパティ指定〕 target先を指定してフォーム送信〔targetプロパティ指定〕フォームデータのエンコード形式を取得・設定〔enctypeプロパティ〕ラジオボタンの選択肢により送信先変更送信時にフォームのエレメントを有効化する〔disabled〕フォームをリセット（入力値をクリア）する〔resetメソッド〕送信ボタン・クリアボタンを画像ボタンにする〔イメージボタン使用/スタイルシート使用の2サンプル〕フォーム名を取得〔nameプロパティ〕フォームのエレメント情報を取得〔el
kyaido 2009/10/08
formオブジェクト

web

html

javascript
リンク
JSON の紹介
JSON (JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。 JavaScriptプログラミング言語（ECMA-262標準第3版 1999年12月）の一部をベースに作られています。 JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、Java、JavaScript、Perl、Python、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、 JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構造体、ディクショナリ、ハッシュテーブル、キーのあるリスト、連想配列として実現されています。
kyaido 2009/06/22
json

javascript

html

ajax
リンク
もう一度、ちゃんとJSON入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)
僕自身も僕の周辺もJSONをよく使います。でも、細かい点でけっこうミスをやらかしています(苦笑)。このエントリーで、JSONを使う上で注意すべきこと／間違いやすい点をすべて列挙します。内容兼チェックリスト：仕様原典さえ読めば完璧（のはずだが）数値の前にゼロを付けてはいけない 16進数表記も禁止だよ数値の前にプラスを付けてはいけない小数点からはじまる数値はダメ用語法が違うよ：プロパティとメンバーメンバー名には常に文字列を使う空文字列""もメンバー名に使える配列要素はキッチリと並べよう文字列を囲むには二重引用符だけ文字列内のエスケープが微妙に違う仕様にないエスケープは構文エラー undefinedもNaNもありませんラッパーオブジェクトは使わないのが吉型システムとtypeofに関する注意最後に仕様原典さえ読めば完璧（のはずだが） JSONは、小さくて簡単な仕様
kyaido 2009/06/22
json

javascript

html
リンク
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
kyaido 2009/06/22
json

javascript

html

ajax
リンク
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座　その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。まんじゅう製造スクリプト今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
kyaido 2009/06/22
javascript

jQuery

html
リンク
jQuery で遊んでみる
jQuery Event Delay コード (function($){ $.fn.eventDelay = function(delay, triger, cancel, callback) { return this.each(function() { var target = $(this); var tid; target.bind(triger, function(){ tid = setTimeout(callback, delay * 1000) }) target.bind(cancel, function(){ clearTimeout(tid) }) }); } })(jQuery) 使用例マウスオーバーイベント $('#hoge').eventDelay(2, 'mouseover', 'mouseout', function(){ alert('hoge') })
kyaido 2009/06/22
jQuery

web

tech

javascript

html
リンク
1