タグ

2009年10月20日のブックマーク (4件)

  • やめられない とまらない jQueryことはじめ フォローアップ CSS Nite in OSAKA vol.17 株式会社IN VOGUE 三島輝彦

    小テスト jQueryやってみよう の答え 当日は最後の問題を飛ばすかたちになってしまい、すみませんでした。。 今回の問題の答えになります。 問題用HTML <div id="test1"> <p>テストテストテスト</p> <p class="class1">テスト1テスト1</p>・・・・・(1) <p class="class2">テスト2テスト2テスト2</p>・・・・・(2) <p class="class3"> <a href="sample.html">テストリンク1</a>・・・・・(3) </p> </div> <p class="class3"><a href="test.html">テストリンク2</a></p> <input type="button" value="ボタン" id="btn1"> Q1 : 「#btn1」がクリックされたら、問題用HTML内の(2)

    kabochao
    kabochao 2009/10/20
    ミニテスト
  • jQuery Corner Demo

    This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid

    kabochao
    kabochao 2009/10/20
    jqueryで角丸を作る
  • jQuery でスルッとスライドメニュー

    ナビゲーションバーというかメニューバーがタイトル下に設置してあるのですが、なんか物足りない。カテゴリとかをドロップダウンで表示させたらどうかとか、いろいろ考えていました。 以前紹介したページスクロールは jQueryライブラリを使ったものなのですが、せっかくjQueryを導入したのでそれを使ったメニューでいいものがないか探していたのですが、そんななかで、ちょっと面白いサンプルを見つけました。 Advanced docking using jQuery デモページ Demo for Advanced Docking using jQuery 既に設置してあるので気がついた方もいると思いますが、左端のタブへマウスを持って行くとメニューがスライドして出てくる物です。(追記: 現在は撤去してます。) 難易度:

    jQuery でスルッとスライドメニュー
  • PNGおよびICO形式のアイコンが山のように無料ダウンロードできるサイト「Icones.pro」*二十歳街道まっしぐら

    「Icones.pro」ではPNGアイコンがたくさん公開されています。 トップページでカテゴリ別に用意されており、詳細を見てみると関連したアイコンがどばーっとでてきます。 PNGは透過のものではなく、背景色が入ります。 背景色はこちらで自由に設定できるようになっています。 また、PNGファイルだけでなく、.icoファイルもダウンロード可能です。 以下に色んなアイコンを載せておきます。 Twitterのアイコンを探してみます。 まず「Icones.pro」へアクセスします。 するとこんな感じのTOP。 ほかにもたくさんあります。 アイコンはこれだけではなく、クリックするとさらに色んなアイコンが表示されます。 ラストはカテゴリ。 Twitterカテゴリを見てみます。 このようにTwitter関連のアイコンがどっさり。 Twitterだけで100個以上あります。 ダウンロードしたいものをクリック