[B! HTML5][jquery] mimosafaのブックマーク

HTML5＋JSONでインタラクティブなテーブルを作れる「Dynatable.js」:phpspot開発日誌

Dynatable.js - jQuery plugin for HTML5 JSON interactive tables and more HTML5＋JSONでインタラクティブなテーブルを作れる「Dynatable.js」 JSONからtable、tableからJSON形式に変換でき、実装できるテーブルもソートしたり件数を絞り込めたり検索できたりと、リッチにしてくれ、かつシンプルなデザインで使いやすいテーブルが作れるライブラリです。 tableはデータと密接な関係にあることが多いですから、こういうライブラリは結構使えそうです。関連エントリテーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」テーブル行をインクリメンタル検索できるようにするjQueryプラグイン

mimosafa 2013/12/19

リンク

意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…

前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素にデータを紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの親和性が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da

mimosafa 2013/11/27

リンク

W3 Watch Reference

W3 Watch Reference は、Web クリエイターの方々向けに HTML （HTML Living Standard）、CSS のリファレンスを日本語で提供しています。各要素、セレクタ、プロパティの意味や、サンプルソースを掲載している他、それぞれを用途から逆引きできるようにもしてあります。また、参考になりそうな外部リンクをページ下部に掲載していますので、あわせてご利用ください。なお、CSS リファレンスに関しては現時点で作成中も項目多いですが、順次更新されていきますのでしばらくお待ちください。

mimosafa 2013/06/30

リンク

フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法

フォームの入力欄にテキストを表示するテクニックとして、HTML5のplaceholder属性やtitle属性にいれたテキストをスクリプトで置き換える方法などがあります。しかし、placeholderはplaceholderなので、ラベルの代替として利用するのはW3Cでも推奨していません。参考：The placeholder attribute -W3C フォームに余分なHTMLを追加せず、ラベルを利用してシンプルに解決する方法を紹介します。入力時はラベルがツールチップで実装実装のポイント label要素内のテキストをラベルとして利用する。初期状態でラベルのテキストを表示する。入力時にもラベルがユーザーの目に見えるようにする。ラベルの配置はフォームとページのレイアウトで行われるようにする。スクリプトが利用可能でない時でも、ラベルを利用できるようにする。これらのポイントを踏

mimosafa 2013/06/21

リンク

jQueryでHTML5の独自データ属性（data Attributes）を扱う

Posted: 2011.07.01 / Category: HTML&CSS, javascript / Tag: HTML5, jQuery HTMLにはさまざまな属性がありますが、HTML5からはdata属性を使用することで独自の設定がきるようになりました。最近ではjQueryMobileで使用されていることもあり、お目にする機会も増えたのではないでしょうか。この記事ではjQueryを使用してこのdata属性にアクセスする方法をご紹介します。 data属性のマークアップ data属性は「data-」以降に文字列を指定することで設定できます。たとえば「data-role」に「hoge」という値を設定する場合はマークアップは次のようになります。 html <div data-role="hoge">太郎</div> jQueryでこの「hoge」という値を取り出すには、dataメソッ

mimosafa 2013/05/16

リンク

ドラッグ＆ドロップでアップロードが簡単実現できるjQueryプラグイン「Dropzone.js」:phpspot開発日誌

Dropzone.js ドラッグ＆ドロップでアップロードが簡単実現できるjQueryプラグイン「Dropzone.js」。最近ではあたり前になってきているドラッグ＆ドロップのアップローダーが簡単実現出来ます。同時アップロード数やアップ時のサムネイルサイズ、フォールバック関数設定等のカスタマイズができるようです関連エントリドラッグ＆ドロップでファイルをアップできるHTML5のデモ jQueryとHTML5でドラッグ＆ドロップアップロードを実現するチュートリアル画像アップでインラインで使えるbase64形式に変換してくれる「Duri.me」

mimosafa 2013/03/25

リンク