Javascript

マークアップ

jQuery たった7行でできる、シンプルな階層型メニュー

Webサイトで階層型メニューはよく使われる手法のひとつといえます。でもやり方は人それぞれ。CSSだけで実装する手法もありますが、JavaScriptライブラリとして最も浸透しているであろう jQuery を使って階層型メニューを作ってみまし
マークアップ

jQuery で作る簡単でシンプルなアコーディオンメニュー

jQuery でアコーディオンメニューを作ってみました。 某参考書を元に作ったのですが、人によって書き方は色々あるというのを教えてもらった感じです。 できるだけ簡単でシンプルな書き方にしてみたつもりなので、参考にして頂けると幸いです。
NO IMAGE マークアップ

美しすぎるスライドショー!?jQueryプラグイン Nivo Slider

「美しすぎる○○」が世間をにぎわせていますが、「美しすぎる」といっても過言ではないスライドショー、それが『Nivo Slider』です。 HTMLを少しでもかじった事のある方なら、驚く程簡単にサクっと設置できますよ。 (さらに&helli
NO IMAGE マークアップ

簡単にソーシャルボタンを設置できる jQueryプラグイン jquery.socialbutton

皆さんは、ブログなどにどのようにしてソーシャルボタンを設置していますか?僕は以前まで、それぞれのサービスのオフィシャルサイトで発行できるものを使っていました。こんなかんじで。 (さらに…)
NO IMAGE マークアップ

IE6用透過PNG表示 DD_belatedPNG.js

IEの自動アップグレードが発表されて、ようやくIE6の呪縛から逃れられるとほっとした Webデザイナーも多いはずです。とはいえクライアントの仕様書から IE6 の文字がすぐ消えるかといわれるとそうではありません。すくなくとも、あと2年くらい
NO IMAGE マークアップ

jQuery を使うとき、はじめに書いておくおまじない

多少めんどくさいですが、事が起こってからの面倒に比べたら「ふふ~~んmm♪」って鼻歌歌えるくらいのもんですよね。 (さらに…)
NO IMAGE マークアップ

float をキチッと整列 jQuery Masonry

(さらに…)
NO IMAGE マークアップ

IE8だと絶対配置した子要素は親要素を透明にしても透明にならない件

びっくりした。いやいや、びっくりした。こんな事ってあるんですね。 IE8のみのバグ!?でしょうか。 (さらに…)
NO IMAGE マークアップ

iPhoneサイトを作るときの5つの必須コード

スマートフォンの普及が加速しています。 それに伴いWeb制作者に、スマートフォン制作のスキルが求められてきています。 (さらに…)
NO IMAGE マークアップ

ページ内を縦横スムーズに移動するjQueryサンプル

(さらに…)
NO IMAGE マークアップ

[jQuery] マウスカーソル追従

最近になって jQuery を勉強しだした。 (さらに…)