jQuery でページスクロール - daily dayflower
jQuery 1.2 以降だと scrollTop（と scrollLeft）という疑似スタイルが利用できるようになったので，jQuery UI を使わずとも，jQuery Core 本体だけでページ内スクロールができるようになりました。 たとえば， <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページの先頭へ</a> </p> </body> </html> このような HTML で「ページの先頭へ」というリンクをクリックしたときに，スムーズにスクロールしたいのなら， $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi
押さえておくべき20のAjax効果を体験できるサイト | 教えて君.net
Ajax（エイジャックス、アジャックス）は、ウェブページをリロードをしなくても、サーバとデータのやり取りを 行なって処理を進めていく対話型ウェブアプリケーションの実装形態だ。画面遷移を伴わないため、 ユーザーは、サーバの存在を感じることなくウェブアプリケーションを利用できる。 「NETTUTS」では、20のAjax効果を体験できるページを公開している。すべてではないが、ほとんどの ソースを体験することができるので、ウェブ開発者は要チェックだ。 公開されているサンプルコードは、 Ajaxを利用したメッセンジャー「Ajax IM」、リアルタイムで値チェックを行う「LiveValidation」、ダブルクリックで編集可能にできる「Inline Editing」、クリックする場所を測定するアクセス解析「ClickHeat」などなど。 「DEMO」ボタンを押すことで体験することができる。なお、「SR
一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版 | JavaScript | かたつむりくんのWWW
一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版 小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」（最近のブログ記事）のところにある星マーク（New マークのこと）がそれで（下図参照）、3日以内に作成されたブログ記事に表示されるようにしています。 このテクニックは、荒木さんご自身の著書『 Movable Type... 小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」（最近のブログ記事）のところにある星マーク（New マークのこと）がそれで（下図参照）、3日以内に作成されたブログ
マイクロソフトのUX戦略：優れたユーザー体験とはなにか - builder by ZDNet Japan
9月29日に開催したbuilder tech day「User Interface ＆ beyond」では、基調講演に続いてマイクロソフトの鈴木祐巳氏によるセッションが行われた。 マイクロソフト デベロッパー＆プラットフォーム統括本部 デベロッパービジネス本部 NextWeb推進部 部長である鈴木氏のテーマは「マイクロソフトのUX戦略」。OS、アプリケーション、ウェブにおけるUX（ユーザーエクスペリエンス：ユーザー体験）のケーススタディと、同社が提供するクライアント技術「WPF」「SilverLight」の紹介を通し、「優れたUX」について考えてみたい。 まずユーザーエクスペリエンスを考えるにあたっての指標として、UXとは「利用者が何かの体験を『楽しく』『面白く』『心地よく』行える点を”提供価値”として考えるコンセプト」という定義を挙げた。 そこから考えられる「優れたUX」とは、機能と楽し
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
