コピペで!「Chart.js」を使ってレーダーチャートを表示する
ブログ内にレーダーチャートを表示したかった為、色々なプラグインなども探しましたが、一番手軽で思ったようなキレイなチャートが表示できる軽量のJavaScript「Chart.js」を使うことにしました。 ...
コピペで!「Chart.js」を使って折れ線グラフを表示する
軽量で簡単に実装できる「Chart.js」を使った折れ線グラフの表示方法についてです。 「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチ ...
コピペで!「Chart.js」を使って棒グラフを表示する
軽量で簡単に実装できる「Chart.js」を使った棒グラフの表示方法についてです。 「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど多彩なグ ...
コピペで!「Chart.js」を使って混合(棒+折れ線)チャートを表示する
軽量で簡単に実装できる「Chart.js」を使った棒グラフと折れ線グラフの複合チャートの表示方法についてです。 「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、 ...
コピペで!「Chart.js」を使って円・ドーナツグラフを表示する
軽量で簡単に実装できる「Chart.js」を使った円グラフと、ドーナツチャートの表示方法についてです。 「Chart.js」では、棒グラフや円グラフ、折れ線グ ...
コピペで!「Chart.js」を使ってポーラーチャートを表示する
軽量で簡単に実装できる「Chart.js」を使ったポーラーチャートの表示方法についてです。 「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど ...
コピペで実装!CSSのみで開閉アコーディオン・テキストやメニュー
クリックで表示内容を開閉するアコーディオンメニューなどをCSSのみで実装する方法です。 アコーディオン 表示サンプル 展開する各ラベルの右側に「+」マークを表示し、クリックアクションでクルクルっと「+ ...
コピペでOK!サイドバーにおしゃれなプロフィール欄を設置:8パターン
プロフィール欄を表示するウィジェットや機能がないテーマにも、CSSとHTMLのみで簡単に設置できるデザインをいくつか。 手順 プロフィール画像を使う場合は画像を用意 プロフィールエリア用 ...
コピペで実装!CSSのみでタブで表示内容を切替える
タブで表示内容を切り替えるデザインをCSSのみで実装する方法です。 たくさん紹介されているサイトがあるのですが、イマイチ、きちんと表示されなかった為、自分用にカスタムしたものになります。 この方法であ ...
サムネイル付おすすめ記事をプラグインなしでかっこよく表示
おすすめの記事を表示したいけど、 テーマには機能がない時 カルーセルスライダーなどの機能はあるけどデザインなどが気に入らない場合 プラグインに頼らなくともウィジェットにCSSとHTMLのみで簡単に表示 ...
簡単!サムネイル付お勧め記事をプラグインなしで好きな場所に表示する
おすすめの記事を表示したいけど、テーマには機能がない時、プラグインに頼らなくともウィジェットにHTMLを記述して簡単に表示する事が出来ます。 デザインもCSSで自在に編集可能。 ウィジェットエリアがあ ...
簡単で軽量!プラグインなしでシンタックスハイライター「Prism.js」を利用する
シンタックスハイライトとは テキストエディタの機能で文字の一部をカラー表示したりハイライトする事で、プログラミング言語などの表示が見やすくなるものです。 ルクセリタスをお使いの方へ ルク ...