レスポンシブWebデザイン、CSSフレームワークなど、Webフロントエンド開発に関するBLOGです。
※SYMMETRIC公式BLOGと統合し、ブログ名称を変更しました

2016年9月

【D3.js講座】D3.jsを使用した図形の描画

 アナトミーではD3.jsを使用しsvgタグでタイルを描画しています。 データごとに属性の値を変更する処理は複雑ですが、D3.jsを使用すると比較的簡単に描画できます。 簡単なデータの可視化 前回に引き続き、リオ・オリンピックの国別メダル獲得数のデータを使用し、データごと描画する図形の大きさ、色を変え …

SVGで作るスマホ用チェックボックスの基本

  • 2016.09.05
  • CSS

 前回はCSSだけで作る角丸ボタンの基本を紹介しました。 今回はSVGを使ってきれいに チェックボックス を作る作り方を紹介します。 チェックボックスもスマホサイトではよく見かけると思います。 同意を求めるときや、最終確認の際に チェックボックス は必需品だと思います。 目立たせたい場合もあると思うの …

Page Top