JS/jQuery 一覧

svg_thum

Snap.svgを使ったSVGモーフィングアニメーション(clippathバージョン有り)

svgモーフィングアニメーションとは 以前SVGのアウトラインをアニメーションさせる記事を書きましたが、今回はSVGの塗りの部分が変形する

Read more

160127_thum

jQueryでWEBサイトの共通部分をインクルードする方法(相対パスVer.もアリ)

数十ページ以上の中・大規模ページ制作の場合headerやfooterなどの共通部分はPHPやSSIでのインクルードで対応していると思いますが

Read more

151201_thum

resizeイベント時にスマホ、タブレット、PCのwidth判別でclass付与&callbackするjQueryプラグイン書きました

PCで表示している要素をタブレットでは表示しない、でもスマホは場所を変えて表示する、又はDomの順番を替える、etc...レスポンシブ案件で

Read more

Velocityjs_thum

今一度Velocity.jsを見直したら気づいた5つの採用ポイント

jQueryのanimateを普段使っている人なら「TweenMax」「Velocity.js」を知っている人は多いと思います。しかし使って

Read more

150402_thum

IE7対応!リストのホバーアニメーションソースサンプル(オーバーレイ編)

「次回はリストの上に要素が乗るオーバーレイ編をお送りしたいと思います。」と言いつつ早3ヶ月。。。 大変長らくお待たせいたしました。IE7対

Read more

thum_150222

jQueryでcsvを読み込んでセレクトボックスにappend(例えば県選択→市区町村選択とか)

xmlをajaxで読み込んで表示するというのはよくあると思うのですが、サーバーサイドではcsvを読み込んでいるケースが多いと思います。 そ

Read more

150126_thum

IE7対応!リストのホバーアニメーションソースサンプル(border編)

リストのホバーアニメーションシリーズをお送りしたいと思います。 時代はCSS3やSVGを使ったアニメーションがトレンドですがIE7対応が必

Read more

141220_thum

画面いっぱい(フルスクリーン)に背景画像を敷いてウインドウ縮小時も天地中央にする方法

いきなりこう書くと身も蓋もないのですが、この手のプラグインは探せば結構あるので、単に1枚の画像を背景に敷きたい場合はそういったプラグインをお

Read more

synergy

Synergy Basicでリアルタイムバリデーションメールフォームを作る:その2

前回は「データベースの作成」→「作成した項目をフォームに紐づける」という所まで終わりました。 今回はHTML、CSS、jQueryを使った

Read more

synergy

Synergy Basicでリアルタイムバリデーションメールフォームを作る:その1

メールフォーム作成と言えばPHPで「sendmail」を思いつきますが、 以前PHPを使えない環境下でメールフォームを作るという案件があり

Read more

1 2