QR Code Business Card

JavaScript

Scrooll Magicでスクロールに反応する楽しいアニメーション

Scrooll Magicでスクロールに反応する楽しいアニメーションを作る

 スクロールに反応してイラストが飛び出すような動きをするウェブサイトを結構見かけます。長い説明が入る箇所などでアニメーションを効果的に使うと、読者を飽きさせない仕掛けに使うことができます。素のjQueryでも実現できそうですが、jQueryプラグイン「Scrooll Magic」を試してみると簡単にできることがわかりました。

続きを読む

リツイート数ランキングの作り方【Twitter REST API 1.1編】

 前回Topsyを使ったリツイートランキング(RTランキング)の作り方をご紹介しましたが、Topsyが有料化してしまい、残念ながら無料では使えなくなってしまいました。今回は別の方法としてTwitterのAPIを試してみました。TwitterのAPIでもリツイート数は表示されますので、これを使ってランキングを作成します!

続きを読む

簡単にサムネイルやバナーをスライドにするCarouFredSelの使い方!

 バナーをたくさん貼りたいけど、あまりベタベタたくさん貼りたくない場合によく使う手なのですが、バナーをスライド風にして、自動でローテーションさせたりします。そんな時にこのjQueryカルーセルプラグイン「CarouFredSel」が便利です。オプションでいろいろな動き方を設定できますので、これ一つでいろいろな場面で使えますよ!

続きを読む

リツイート数ランキングの作り方【Topsy編】

 ブログの人気記事ランキングとして、リツイート数ランキングを表示するのが多いそうですので、ウェブソクでも試してみる事にしました!ヘッダー部分のランキング表示がそれです。前からどうやるのか興味がありましたので、今回自作してWordPressに設置してみました!

続きを読む

W3C、新しいWeb標準プロジェクト「Web Platform Docs」を立ち上げ!

 非営利のWeb標準化団体のW3C(World Wide Web Consortium)は、AppleやGoogleなどと共に、複数のブラウザや端末で同じように表示できるwebサイトを構築するための、信頼できる情報を集約するプロジェクト「Web Platform Docs」の立ち上げを発表しました!

続きを読む

【jQuery】簡単便利なフロートパネル!販促やフログのアクセスアップに効果的!

 jQueryでフロートパネルを書いてみました!上からにゅーッと出てくるパネルです。jQueryを使えば簡単に作ることができますよー。オススメ商品を並べたり、ブログの人気エントリーを並べてアクセスアップしたり、お問い合わせフォームを表示させたりといろいろな用途に便利に使えます!簡単な割に効果的なパーツです!

続きを読む

jQueryが動かないときの対処法

jQuery楽しいですよね。

jQueryプラグインを拾ってきて、
ポップアップや写真のギャラリーなど簡単に作れますし、
見た目もきれいに仕上がりますので、とても便利です。

いろんなところでプラグインのサンプルを拾って来ては、
テストして動きを確かめるのは面白い作業ですが、
プラグインを導入しても、いきなり動かないときが多々あります。

そんなときにチェックしたい項目をまとめました。

続きを読む