WebDesign Dackel

react-routerでページ遷移にちょっとしたアニメーションを付ける

react-routerのリポジトリを見ると、アニメーション用のサンプルがありました。 以前、同じような事をやろうとして上手く出来なかったので、この機会に試してみました。 それぞれのライブラリのバージ...

jQueryで画像がPC画面をスライドしていくようなエフェクトを実装する

jQueryで画像がPC画面をスライドしていくようなエフェクトを実装する

はじめに 今回は、画像がPC画面の中をスライドしていくようなエフェクトをjQueryを使って実装してみたいと思います。 たまにポートフォリオサイトなんかで見かけるやつです。 数行の簡単なコードで実装で...

React.jsでリストの追加・削除時にアニメーションを付ける

React.jsでリストの追加・削除時にアニメーションを付ける

はじめに この前はReact.jsをCoffeeScriptで書いていくための環境を構築しました。 少し時間があいてしまいましたが、やっと公式のチュートリアルが終わりました。 チュートリアルは、簡単に...

requestAnimationFrameの簡単なラッパークラスをCoffeeScriptで書いてみた

requestAnimationFrameの簡単なラッパークラスをCoffeeScriptで書いてみた

はじめに JavaScriptでアニメーションをする時に定番化してきているrequestAnimationFrameですが、npmで探せば、使いやすそうなライブラリが沢山出てきます。 でも、ちょっとし...

jQueryでプラグインを使わずにそれなりにちゃんとしたスムーススクロールを実装する

jQueryでプラグインを使わずにそれなりにちゃんとしたスムーススクロールを実装する

はじめに いきなりですがjQueryでスムーススクロールを実装した事があるでしょうか? きっと沢山の人が実装したこと、使ったことのある機能だと思います。 ちょっと調べて出てきたサンプルのコードをコピペ...

jQueryで画像切り替えをする為のプラグインを書きました

jQueryで画像切り替えをする為のプラグインを書きました

以前、On、Offの画像を切り替えるプラグインを書きました。 年末を使って、Githubのリポジトリの整理がてら、プラグインを書き直してみました。 プラグインの概要 <img>タグや背景画...

jQueryでプラグインを使わずに、マウス位置によるスクロールアニメーションを実装してみる

jQueryでプラグインを使わずに、マウス位置によるスクロールアニメーションを実装してみる

今回は、よくFlashサイトで見られた演出でマウスの位置によってスクロールするUIをプラグインを使わずに実装してみようかと思います。 こういったUIを作るためのUIはすでに出ていていますので、無理に自...

CreateJSでぶわぁ〜ってなるやつを作ってみた

CreateJSでぶわぁ〜ってなるやつを作ってみた

乗り遅れた感がありますが、ちょっと前にCreateJSを始めて触ってみました。 学生の頃にFlashが好きで、デザインの授業をサボってFlashばっかりやっていた時期がありました。動くものが好きみたい...