現在、input type="slider"とするとスライダーを使えるブラウザ(Chrome,Safari,Operaなど)と使えないブラウザ(IE,FireFoxなど)を判別し、それぞれに最適化された表示となるよう切り替えたいというケースがあります(私はありました)そういった場合、navigator…

p.text hogehoge %br fugafugaは <p class="text">hogehoge<br>fugafuga</p> となる。

新しく加わったチームの開発環境やツールに慣れることで一週間が終わってしまった。このブログで扱う内容もhaml,scss,compass,Rails,JS,vim,Git,Mac OS Xあたりが中心になっていくのかなと。目下はhaml,scss,compassの理解から。

jQueryの.offset() を使うと正確なロケーションが取得できないケースがあるようです。その場合はネイティブなJavaScriptの.offsetを使うと解消され、正しい挙動となります改善前 $('.anc').click(function(e){ e.preventDefault(); var offset = $('#targetI…

以前ご紹介した開閉式パネルjQueryでFAQなどの開閉式パネルを実装したい - とあるWebデザイナーの逆引き辞典Plusこれをずっと使い続けてきたのですが、場合によって開閉が連動してしまうなど、挙動がおかしくなることがありました。これを解消したのが下記の…

$(function(){ $('ul.footer li a').each(function(){ var Href = $(this).attr('href'); $(this).parent().click(function() { window.open(Href,'_self'); return false; }); }); });

高性能なカウントダウンライブラリ「jQuery Countdown」。(http://keith-wood.name/countdown.html)「僕は秒まで表示させたい」「いや私は日付けだけの表示でいい」「cssで細かくスタイル付けしたいのでhtmlタグを挿入したい・・・」「カウントダウン完了後…

ここ数日、iPhone/Android向けWebアプリ構築のため「Sencha Touch」試用してみました。UIはネイティブアプリと遜色がないくらい出来が良いもので、ボタンもカルーセルも美しくかつ安定感のある動きをします。jQuery mobileとの比較ですがDOM操作はjQuery,UI…

次のような動作をするQ&Aの開閉式パネルをjQueryで作ってみました。1) QをクリックするとAが開く2) 他のQをクリックすると1)で開いていたAが閉じ2)でクリックされたQのAが開く3) もう一度2)でクリックしたQをクリックするとそのQのAが閉じる■jQuery■ $(funct…

たとえば「サイトのあちこちに配置された二つ並べたボタンの、ボタンとボタンの間のスペース（隙間）をなくしたい（または統一したい）」といったケース。インライン要素では半角スペース、全角スペース、改行コード、 といった表記によるスペースの個数がそ…