Material Design Liteの汎用クラス Material Design Liteを利用することで簡単にマテリアルデザインを利用したサイトを構築することができます。 細かく汎用クラスが設定されており、よく使いそうなクラスをメモしておきます。 Material D… haradaハック2017.04.18 2,186
美しいグラデーションと幾何学模様のTrianglifyを背景に設定する方法 Trianglifyを利用して、簡単に美しいグラデーションと幾何学模様のTrianglifyを背景に設定することができます。 ファイルをダウンロードして読み込むか以下のCDNを利用することもできます。 設定例 読み込む … haradaハック2017.04.13 882
D3.jsのグラフを角丸にする 角丸にしたい棒グラフなどの.append(“rect”)がかいてあるところに.attr(“rx”, 4)と.attr(“ry”, 4)を追加するだけで実現するようです。 .attr(“rx”, 4) .attr(“ry”… haradaハック2017.04.11 921
D3.jsを使ってラベル付きの円グラフを作成する D3.jsを使うとさまざまなグラフがかけるようです。 さまざまなグラフ例:https://github.com/d3/d3/wiki/Gallery 試しにPie charts labelsをもとに以下のサンプルグラフを… haradaハック2017.04.05 1,352
chart.jsで各項目の太さを変えたグラフを表示する 項目数だけグラフを重ねることで実現できるようです。 HTML <div class=”donutsChartCustom”> <canvas id=”dnChart1″ class=”circle01″… haradaハック2017.04.04 4,546
Adobe XDのショートカット PhotoshopやIllustratorと同じショートカットもあるのですが、オリジナルのものもあるので覚えたいです。 オブジェクト系 オブジェクトをグループ化 Command + G オブジェクトをロック Comman… haradaハック2017.03.22 614
Illustratorの操作メモあれこれ Illustratorでのドロップシャドウ 効果>スタイライズ>ドロップシャドウ Illustratorでの透明や乗算 ウィンドウ>透明 棒グラフの下に説明をつける データを入れる際に一行目に”2017年”など”でくくっ… haradaハック2017.03.17 315
Illustrator CCでマテリアルデザインのカラーパレット(スウォッチ)を読み込むメモ Googleの公式サイトから「Download color swatches」をダウンロードして、解凍します。 Illustratorの上部メニューの「ウィンドウ」から「スウォッチ」を表示させます。 「スウォッチ」ウィン… haradaハック2017.03.14 2,745
ウェブページをPDFに保存した際にフォントが埋め込めれているかどうかの判断方法 Chromeで印刷画面を出して送信先を「PDFに保存」にしてウェブページをPDFに保存する際、そのウェブページで利用しているフォントが TrueTypeでない場合フォントが埋め込まれないため、一部のサービスではPDFファ… haradaハック2017.03.10 1,818