プラグイン不要

ブログ内にレーダーチャートを表示したかった為、色々なプラグインなども探しましたが、一番手軽で思ったようなキレイなチャートが表示できる軽量のJavaScript「Chart.js」を使うことにしました。 ...

軽量で簡単に実装できる「Chart.js」を使った折れ線グラフの表示方法についてです。       「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチ ...

軽量で簡単に実装できる「Chart.js」を使った棒グラフの表示方法についてです。     「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど多彩なグ ...

軽量で簡単に実装できる「Chart.js」を使った棒グラフと折れ線グラフの複合チャートの表示方法についてです。     「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、 ...

軽量で簡単に実装できる「Chart.js」を使った円グラフと、ドーナツチャートの表示方法についてです。       「Chart.js」では、棒グラフや円グラフ、折れ線グ ...

軽量で簡単に実装できる「Chart.js」を使ったポーラーチャートの表示方法についてです。     「Chart.js」では、棒グラフや円グラフ、折れ線グラフ、レイダーチャートなど ...

クリックで表示内容を開閉するアコーディオンメニューなどをCSSのみで実装する方法です。 アコーディオン 表示サンプル 展開する各ラベルの右側に「+」マークを表示し、クリックアクションでクルクルっと「+ ...

プロフィール欄を表示するウィジェットや機能がないテーマにも、CSSとHTMLのみで簡単に設置できるデザインをいくつか。   手順 プロフィール画像を使う場合は画像を用意 プロフィールエリア用 ...

タブで表示内容を切り替えるデザインをCSSのみで実装する方法です。 たくさん紹介されているサイトがあるのですが、イマイチ、きちんと表示されなかった為、自分用にカスタムしたものになります。 この方法であ ...

おすすめの記事を表示したいけど、 テーマには機能がない時 カルーセルスライダーなどの機能はあるけどデザインなどが気に入らない場合 プラグインに頼らなくともウィジェットにCSSとHTMLのみで簡単に表示 ...

おすすめの記事を表示したいけど、テーマには機能がない時、プラグインに頼らなくともウィジェットにHTMLを記述して簡単に表示する事が出来ます。 デザインもCSSで自在に編集可能。 ウィジェットエリアがあ ...

シンタックスハイライトとは テキストエディタの機能で文字の一部をカラー表示したりハイライトする事で、プログラミング言語などの表示が見やすくなるものです。   ルクセリタスをお使いの方へ ルク ...