WebDesign Dackel

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

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

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

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

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

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

レスポンシブ化に使える、画像をテキストに置き換える方法まとめ

レスポンシブ化に使える、画像をテキストに置き換える方法まとめ

サイト制作を行う上でレスポンシブ化は当たり前、という流れになって随分と経った気がします。 だからといって、まだまだレスポンシブ化は簡単では無く、実際作業に入ると沢山の事に頭を悩まされてしまいます。 そ...

Sassでフォントサイズをレスポンシブ対応させる荒技

Sassでフォントサイズをレスポンシブ対応させる荒技

レスポンシブなサイトを作成する時に、フォントサイズを画面幅に応じて変える必要がある場合はどのように実装しているでしょうか? 僕はサイズをremで指定して、変化を付けたい幅にブレイクポイントを設けてht...

jqueryでレスポンシブサイトへ対応。PCとスマートフォンでCSSを切り替えるプラグインjquery.switchview.jsを作った

jqueryでレスポンシブサイトへ対応。PCとスマートフォンでCSSを切り替えるプラグインjquery.switchview.jsを作った

最近、PCサイトをそのままワンソースでスマホ対応させる、いわゆるレスポンシブサイトに携わる事が多く、サーバーサイドは使えない、、Mediaqueryも禁止、なのでJSでCSSを動的に切り替えるという手...