意外と要注意 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
フォームのラジオボタンやチェックボックスとテキストのずれを揃える方法 - CSSテクニック - acky.info
HTMLコード <div> <label><input type="radio" />ラジオボタン</label><br> <label><input type="checkbox" />チェックボックス</label><br> <select name="select"></select>セレクト </div> <div class="vertical-align"> <label><input type="radio" />ラジオボタン</label><br> <label><input type="checkbox" />チェックボックス</label><br> <select name="select"></select>セレクト </div> <div class="vertical-align-em"> <label><input type="radio" />ラジオボタン</
[CSS]要素を横並びに配置できる display:table-cell の基本的な使い方と注意点｜CSS｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
display:table-cell は以下のような使い方をします。 /*CSSの記述*/ <style> ul.nav { display:table; } ul.nav li{ display:table-cell; vertical-align:middle; text-align:center; } </style> /*HTMLの記述*/ <ul class="nav"> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <li>リスト4</li> </ul> 親要素に display:table を指定し、テーブル扱いとする display:table-cell は display:table とセットで使う事が多いです。 親要素（ul.nav）に display:table を指定することで「表（<table>）」の扱いになりますので、子要素
![[CSS]要素を横並びに配置できる display:table-cell の基本的な使い方と注意点｜CSS｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/064c25df7076bfa97df969ef135adeb7d7d66d9f/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2012%2F09%2Fdisplaytablecell.png)
CSS - Bootstrap 3 徹底解説！
例えば、コンテンツを、メインとサイドバーに分ける場合、以下のようになります。 （あくまでも、style属性は、見やすくするために指定しています） <div class="container"> <div class="row"> <div class="col-md-9" style="border: 1px solid #009000">メインコンテンツです。</div> <div class="col-md-3" style="border: 1px solid #009000">サイドバーです。</div> </div> </div> デモページ(css-01.html) スマートフォンとパソコンでレイアウトを変える col-md-*だけだと、スマートフォンで表示すると、上下の表示になってしまいます。 パソコンとスマホの両方で、横にコンテンツを並べたい、といった場合上のコード以外に
なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes
注意 内容については一切保証しません。 ここでは、主に W3C ML での議論や各種仕様などに基づいて書いています。 ここに書かれていることが正しいかどうかは、自身で判断して下さい。 事実としておかしいところなどは、コメントでどんどん指摘して下さい。遠慮はいりません。 ただし、このエントリでは「form が PUT/DELETE をサポートするべきかどうか？」の議論はしません。 「REST の是非」や「PUT/DELETE の意義」についても議論する気はありません。 ここでやっているのは、あくまでもどういった議論の末現状があるのかの調査です。 そうした意見がある場合は、 W3C などに投稿するのが最も有益だと思います。 History 2014/03/29: 公開 2014/03/29: XForm と XHTML の関係を明確化(thanx koichik) 2014/03/29: HT
xchema - 素のHTMLタグを活かしたシンプルなデザインフレームワーク MOONGIFT
これはこれで使い道がありそう。 BootstrapでWebサイトを組む機会が増えているのですが、バージョン3になってから徐々に作法が増えてきたように感じます。機能が増えるということはそれだけ覚えるべきことが増えるということです。 そうなるとシンプルに作れるという利点からはちょっと外れてくるかも知れません。そこでほぼ素のタグのままデザインができてしまうデザインテンプレートxchemaを紹介します。 各コンポーネントごとにたくさんのスクリーンショットでお届けします。 フォントの装飾。特にクラス指定がない所が特徴です。 段落。行間が良いですね。 頭だけ大きく。英語では良くある表現ですね。 引用。カラーリングに対応しているのが新しいかも。 リスト。様々な形式が用意されています。 定義リストに対応しているのが嬉しい。 アドレス。こちらもシンプルです。 アラート。alertというタグを作っています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Media Queriesの指定について - Qiita
HTML2slim