リンク先ページの指定位置にスクロールで移動

別ページへ移動する際、リンク先のアンカー名を指定して目的の位置まで部分をページ頭にすることがあるかと思います。
今回はjQueryでスクロールさせながら移動するサンプルスクリプトを紹介します。
今回のスクリプトを作成する上でヒントになったサイトはこちらです→jQueryでQueryStringをパースして配列で受け取れる便利関数

続きを読む リンク先ページの指定位置にスクロールで移動

CSSの疑似要素を使った小技を紹介

久々の更新です。基本jQueryのサンプルを紹介しているのですが今回は汎用性のありそうなCSSの疑似要素を使ったサンプルを紹介したいと思います。
「::selection」と「:first-letter」の2つの疑似要素を使います。

続きを読む CSSの疑似要素を使った小技を紹介

5行でできるjQueryのテキスト選択

クリックでテキスト全体を選択するjQueryのサンプルです。リンクキットやこのサイトのようなtips系のサイトでよくあるソースコピーに最適なサンプルになります。
5行でかける軽量さも良いかと思います。

続きを読む 5行でできるjQueryのテキスト選択

2011年上半期 トレンドランキングTOP20

前回の記事(2011年上半期 WEB系トレンドランキングTOP18)が中途半端な結果に終わったので仕切りなおしです。
今回はジャンルを絞らずに全てのキーワードを対象にトレンドランキングを作成したいと思います。
前回同様、Googleの検索キーワードとTwitterのツイートからキーワードを抽出しランキングを作成します。
続きを読む 2011年上半期 トレンドランキングTOP20

jQueryでローディング処理 -$.get()編-

前回のload()編に続き今回は、jQueryの$.get()を使ってxmlファイルの読み込み時のローディングをサンプルを紹介したいと思います。
htmlファイルの読み込みよりはコチラの方がローディングを使う利用頻度が高いかと思います。

続きを読む jQueryでローディング処理 -$.get()編-

jQueryでローディング処理 -load()編-

jQueryのローディングサンプルを作っていたら長くなってしまったのでhtmlファイル読み込み時のローディング処理xmlファイルを読み込む際のローディング処理の二回に別けて記事を書きたいと思います。
ローディングはサーバーサイドのプログラムやFlashと違い使う機会は限られますが覚えておいて損はないかと思います。
今回は非同期通信(jQueryのload()利用)でhtmlファイルを読み込む際のローディングサンプルの紹介です。

続きを読む jQueryでローディング処理 -load()編-

2011年上半期 WEB系トレンドランキングTOP18

上半期(2011/1/1〜2011/6/30)に流行ったWEB系のキーワードを独自の調査方法でランキングにしてみました。あくまで独自調査ですので鵜呑みにはしないで下さい。
続きを読む 2011年上半期 WEB系トレンドランキングTOP18

jQuery Mobileのまとめ資料

最近ようやくjQuery Mobileを触りました。
色々ネットで検索しましたがプロパティやイベントの一覧(チートシート的なもの)が意外とないので、自分のメモ用で作成しました。
抜けや間違いがあるかと思いますので間違いがあったら指摘して頂けると助かります。

続きを読む jQuery Mobileのまとめ資料