Snap.svgを使ったSVGモーフィングアニメーション(clippathバージョン有り)
svgモーフィングアニメーションとは 以前SVGのアウトラインをアニメーションさせる記事を書きましたが、今回はSVGの塗りの部分が変形する
JS/jQuery
一覧
jQueryでWEBサイトの共通部分をインクルードする方法(相対パスVer.もアリ)
数十ページ以上の中・大規模ページ制作の場合headerやfooterなどの共通部分はPHPやSSIでのインクルードで対応していると思いますが
resizeイベント時にスマホ、タブレット、PCのwidth判別でclass付与&callbackするjQueryプラグイン書きました
PCで表示している要素をタブレットでは表示しない、でもスマホは場所を変えて表示する、又はDomの順番を替える、etc...レスポンシブ案件で
今一度Velocity.jsを見直したら気づいた5つの採用ポイント
jQueryのanimateを普段使っている人なら「TweenMax」「Velocity.js」を知っている人は多いと思います。しかし使って
IE7対応!リストのホバーアニメーションソースサンプル(オーバーレイ編)
「次回はリストの上に要素が乗るオーバーレイ編をお送りしたいと思います。」と言いつつ早3ヶ月。。。 大変長らくお待たせいたしました。IE7対
jQueryでcsvを読み込んでセレクトボックスにappend(例えば県選択→市区町村選択とか)
xmlをajaxで読み込んで表示するというのはよくあると思うのですが、サーバーサイドではcsvを読み込んでいるケースが多いと思います。 そ
IE7対応!リストのホバーアニメーションソースサンプル(border編)
リストのホバーアニメーションシリーズをお送りしたいと思います。 時代はCSS3やSVGを使ったアニメーションがトレンドですがIE7対応が必
画面いっぱい(フルスクリーン)に背景画像を敷いてウインドウ縮小時も天地中央にする方法
いきなりこう書くと身も蓋もないのですが、この手のプラグインは探せば結構あるので、単に１枚の画像を背景に敷きたい場合はそういったプラグインをお
Synergy Basicでリアルタイムバリデーションメールフォームを作る:その2
前回は「データベースの作成」→「作成した項目をフォームに紐づける」という所まで終わりました。 今回はHTML、CSS、jQueryを使った
Synergy Basicでリアルタイムバリデーションメールフォームを作る:その1
メールフォーム作成と言えばPHPで「sendmail」を思いつきますが、 以前PHPを使えない環境下でメールフォームを作るという案件があり
