WebDesign Dackel

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

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

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

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

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

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

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

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

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

gulp+webpack+bowerの構成でcoffee-script開発する

gulp+webpack+bowerの構成でcoffee-script開発する

突然ですが、最近Gruntやgulpなどのタスクランナー無しでの開発がもの凄く億劫になってきています。 JSのminifyやSassのコンパイル、画像の圧縮やブラウザのライブリロードなど、サイトのクオ...

JavaScriptで相対パスをhttpから始まる絶対パスに変換

やりたいことはタイトルのまんまです。以前にjQueryを使って同じことをしてみましたが、jQueryを導入していない案件で必要なことがあったのでコピペ用に残しておきます。 ちなみに以前に書いた記事はこ...

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

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

タイトルの通り、データのビジュアル化にとっても便利なd3.jsを使ってレスポンシブな円グラフを描いてみたいと思います。 ただ円グラフを書くだけでは物足りない感があるので、最終的にアニメーションを付ける...

jQueryを使わずに親ボックスのサイズを取得する

jQueryを使わずに親ボックスのサイズを取得する

親のボックスサイズを知りたい時にjQueryを使えば簡単ですが、いざネイティブで書こう!となった時に「ん?どうやんだっけ?」ってなったのでメモです。 前提 <div id="parent">...

Zeptoにも対応、スムーズスクロール用jQueryプラグイン「jquery.sweet-scroll.js」を書いた

Zeptoにも対応、スムーズスクロール用jQueryプラグイン「jquery.sweet-scroll.js」を書いた

世の中にある多くのWebサイトで見かける「スムーズスクロール」ですが、なかなか「これだ!」というプラグインが無かったので自作してみました。 プラグインを作った経緯 この手のプラグインは既に沢山リリース...

Vue.jsでバリデーション、vue-validatorを使ってみる

Vue.jsでバリデーション、vue-validatorを使ってみる

久しぶりにVue.jsの記事です。 前回触った時にはバリデーション用のプラグインであるvue-validatorが、0.11.Xに対応していなかったこともあり使用するのを見送っていました。 最近になっ...

JSのDateを使う際のメモ書き

もう世の中に腐るほど出ている情報ですが、地味にハマったのでメモです。 new Date()のコンストラクタの指定形式 YYYY/MM/DD HH:DDは問題ありません。ただ、ハイフンでつないだYYYY...