Javascript 今更だけどやるgrunt入門編・インストールから基本的な使い方
JavaScriptやCSSの結合や圧縮などいろいろな事を自動で処理してくれるGruntですが、もう話題になってずいぶん立ちますが今更ながら入れてみましたのでその方法です。
Javascript
Javascript Javascript 背景にYouTube動画を流せるJQueryプラグイン「tubular」
背景全体に動画が流れてるサイトってインパクトありますよね。そこでそれを試してみようと思い今回は背景にYouTube動画を流せるjQueryプラグインのtubularを使ってみました。
Javascript JavaScriptを使って、どのブラウザかを判定するあれこれ
JavaScript（以下JS）で実装するものが増えてきたのに伴い、古いブラウザを判定して処理を分けることもあります。そういう実装のたびに調べてるのでメモしておこうと思います。
Javascript あれ何も見えない？を防ぐ、JavaScriptがオフでもきちんと表示させる方法
Flashを使わずにJavaScriptを使ってアニメーションなど様々な演出をしているサイトが増えてきましたが、たまにJavaScript（以下JS）がオフの時、何も表示されない、または崩れててコンテンツがよく分からないサイトに遭遇します。...
Javascript jQueryプラグインの作り方の初歩
自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基本的な作り方を調べてみました。（あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもありま...
Javascript スクロールしてフッターで止まる、下揃いのサイドバー
前回作ったものの今度は下にピタッとくっつくタイプです。どちかというとこちらのタイプの方がよく見ます。よく広告を設置してる箇所で見ますね。
Javascript スクロールしてフッターで止まる、上揃いのサイドバー
よく見かけるようになった、スクロールしていくとサイドバーがそのままウインドウについてきて、フッターの箇所まで来ると止まるというのを作ってみました。いろいろなところを参考に考えながら作ったので、JSに無駄なものが多いかと思いますがひとまず出来...
Javascript ページ内ナビをコンテンツの位置によってカレント表示させる
パララックスをつかったサイトなど、縦長のページが昔に比べれば多くなった感じがしますがその際に、ページ内用のナビを設置する場合があると思います。スクロールした時そのコンテンツのエリアに来たら、ナビをカレント表示させるjsを調べて作ってみました...
Javascript jQueryの$.loadと$.ajaxを使って他のページの内容を読み込む方法
他のページのhtmlを読み込むのに使うjQueryに$.loadと$.ajaxですが、使い方を調べたので忘れないうちに書いておこうと思います。使いたいときに忘れてそうですので。
Javascript jQueryでtransformをアニメーションさせるプラグイン「Transit」
jQueryのanimateではアニメーションしながらtransoformさせることが出来ないようです。それを可能にするのが今回ご紹介するこちらの「Transit」になります。
Javascript jQueryのanimateを使ったアニメーション
今回はjQueryのanimateを使って、要素をアニメーションさせる方法を試してみようと思います。本当はCSSのアニメーションだけで済めば良いのですが、特にIEを考えると難しいところです。そこでjQueryを使っての基本的な方法をおさらい...
Javascript JavaScriptを使って、自サイトでの「はてなブックマーク」の人気記事一覧を表示する
ソーシャルブックマークの「はてなブックマーク」。ここで自分のサイトの記事がどれだけブックマークされているかわかるのですが、それをブックマーク数が多い順で並べる方法をJSで試したので、ご紹介です。