WebDesign Dackel

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

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

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

jQueryとCSSのclipプロパティを活用して、ここまで白ここから黒、みたいな表現を作る

jQueryとCSSのclipプロパティを活用して、ここまで白ここから黒、みたいな表現

はじめに いきなりですが、タイトルが若干意味不明ですね。良いタイトルが思いつきませんでした。 やりたいことは単純で、下の画像みたいな感じなことです。 実はこのブログの画面右上のメニューボタンにも試験的...

jQueryの画像切り替え用プラグインをバージョンアップしました

jQueryの画像切り替え用プラグインをバージョンアップしました

去年の暮れ、空港で飛行機を待っている間に勢いで書いてから、放ったらかしになっていたjquery-image-changer.jsをちょこっとアップデートしましたので、一応ブログに残しておきたいと思いま...

d3.jsでレスポンシブな折れ線グラフを描く

d3.jsでレスポンシブな折れ線グラフを描く

はじめに この前d3.jsについて書いた記事が、円グラフのレスポンシブ対応だったので、今回は折れ線グラフに対応してみたいと思います。 前回もそうでしたが、レスポンシブ対応だけは物足りない感じがするので...

コピペで使えるSass用イージング変数の一覧

コピペで使えるSass用イージング変数の一覧

スマホ専用サイトなんかでは気軽にCSS Transitionを使って簡単にアニメーションをつけることが出来るので楽しいですよね。サイトの雰囲気やコンセプトに応じて、動きに個性を付けたい場合はcubic...