タグ

2012年3月29日のブックマーク (7件)

  • jQuery 開発者向けメモ - 基本・サンプル

    jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ

    tvsk
    tvsk 2012/03/29
    簡単な表示の制御サンプルコード。divの表示/非表示
  • 定義タグを使ったレイアウトサンプル

    このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!

    tvsk
    tvsk 2012/03/29
    dlタグを使ったレイアウト
  • KataPad.com is for sale | HugeDomains

    KataPad.com This domain is for sale Fill out the form on the rightbelow. One of our domain experts will email you a price within 24 hours.

    KataPad.com is for sale | HugeDomains
    tvsk
    tvsk 2012/03/29
    dl要素のレイアウト
  • ブロック要素とインライン要素の違い (kuruman.org > 駄的HTML改善計画)

    ブロック要素とインライン要素の違いは非常に重要にも関わらず、気にも留めずにHTMLを記述している人が多く見受けられます。 ここできちんと理解してしまいましょう。 基事項 ブロック要素って何だ? ブロック要素とは、 文書の骨組み です。 例えば見出しを表す <h1> や、段落を表す <p> などがブロック要素です。 これらは視覚表現をするUA(例えばMSIEやMozillaなど)で、特にスタイルを指定しない場合、幅を画面いっぱいに取り、前後が改行されます。 簡単に言ってしまうならば、ブロックを作り出します。 これらの中には大抵他のブロック要素や、インライン要素を含む事が出来ます。 ブロック要素の一覧はインライン要素を知ってから説明することにしたいと思います。 インライン要素って何だ? inlineを直訳すると「行内」であるとおり、インライン要素は 行の中の文字に論理的な意味を持たせたりしま

    tvsk
    tvsk 2012/03/29
    各タグの意味づけと要素の振り分け。
  • 【Selectivizr】CSS3セレクタをIE(6~8)で使いたーい【万能】 - お豆さんのbrain

    某お願いランキング風でスタート。 日々サイト制作に携わられている方。今日もIE相手にお疲れ様です。 そのまま噛みちぎってしまえ。 今話題のCSS3プロパティ・セレクタ。 ぽんこつでお馴染みIE(6~8)にはほぼ(全くと言っていい程)適用されません。しかしそれをjs(Javascript)で華麗に適用させてしまう方法があります。 今回はWebデザインCSS, js)の豆知識。WP(WordPress)での導入の仕方、手軽に出来る画像マウスオーバー(透過)の方法もお教えいたします。 一体どのブラウザに何が適用可能なのか なにはともあれ、取り敢えずこれを見て頂きましょう。 CSS3の主要ブラウザ別、プロパティ(セレクタ)適用表です。 ※画像クリックでサイトへ飛びます。 どうだい、IEの×っぷりは。 むしろ気持ちいい位ですね。 上記サイトの表、上からCSS3プロパティ、セレクタ、HTML5諸々の

    tvsk
    tvsk 2012/03/29
  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
    tvsk
    tvsk 2012/03/29
    CSSセレクタの基本。サンプル、用例
  • IE6〜8でCSS3セレクタ利用「Selectivizr」

    CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6~8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6~8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr

    IE6〜8でCSS3セレクタ利用「Selectivizr」
    tvsk
    tvsk 2012/03/29
    CSS3をIE6で使用する Selectivizr