スマホの普及で、今やレスポンシブデザインは当たり前になりましたね。今回は、使用しているデバイスの画面の横幅に応じて、CSSで特定の要素を表示したり、非表示にする方法をご紹介します。デモならAdminLTEのサイドバーが参考になります。 https://minor...

今回は、モーダルウィンドウを簡単に表示できるjQueryプラグイン「iziModal.js」を紹介します。今やCSSでもBootstrapなどのフレームワークを利用するのが当たり前な時代ですが、JavaScriptにもスポットを当ててみると、もっとアニメーションをオシャレに演...

以前、3つのWordPressのベーステーマを一気にご紹介しました。基本的にはUnderscoreと何かを掛け合わせて作ったブランクテーマです。 https://minory.org/create-wordpress-theme.html 今回もまたBootstrapベースなのですが、管理画面のテンプレートとして...

今回は管理画面のデファクトスタンダードと言えるテンプレート「AdminLTE」を紹介します。AdminLTEとは、jQueryやBootstrapのような管理画面の定番中の定番です。世の中には、これ使っておけば間違いないものって、たくさんありますよね？それが、デファク...

世の中には様々なCSSフレームワークがありますが、最も有名なのはBootstrapだろう。Bootstrapだけでも効率よく構築できるようになったが、更にほぼコーディングせずにもっと簡単かつ素早く構築できるツールが「Bootstrap Studio」ですスマホが広まり始めた...

当サイトではWordPressで配布されているレスポンシブテーマを利用しているが、Google先生から言わせると、「ページがモバイルフレンドリーではありません。」だそうです。見た目はめっちゃフレンドリーなのですが。そこで、これまたGoogle先生が提供してい...

以前、D3.jsと言うJavaScriptライブラリを紹介しましたが、グラフの描画をするだけのライブラリではないので、グラフの描画をするだけにしては重く、学習コストもかかります。そこで、もっと簡単でグラフの描画だけに特化したJavaScriptライブラリ「Chart....

最初、WordPressのテーマを自分で作ろうと思ったら、何から手を付けていいかわかりませんでした。WordPressのテーマを自作する人のために、「ブランクテーマ」というベース的なテーマが存在します。今回は利用したブランクテーマとCSSフレームワーク、そし...