Googleチャートの円グラフを表示する Googleの提供しているチャートAPIで簡単に様々なグラフを作ることができます。 準備 head内で下記のようにAPIを読み込みます。 <script type=”text/javascript” src=”ht… ゴトーハック2014.09.25 3,234
WordPress:タグクラウドではなくタグ一覧を出力する タグ一覧を出すには「get_terms」関数を使います。 タグなのでつい「tag_~」関連の関数を探しがちですが、Wordpressは内部的にはタグは「term」と呼ばれています。 <ul> <?php… ゴトーハック2014.09.25 4,635
WordPress:カテゴリ別のタグクラウドを出す方法 タグクラウドをそのまま設置すると、そのサイトで利用されているタグが全て表示されますが、特定カテゴリ以下で利用されているタグを表示する方法になります。 function.php へ記述 function my_catego… ゴトーハック2014.09.24 3,418
「bxSlider」で画像が一度に出てしまう際の対処 前回レスポンシブ対応のスライダーを生成する「bxSlider」を紹介しましたが、スマホなど回線や描画が遅い環境で開くと、JavaScriptでスライダー化される前にリストの画像が一気にボボンと出てしまい見た目に悪かったの… ゴトーハック2014.09.19 5,437
レスポンシブ&スワイプ操作に対応したスライダーjQueryプラグイン「bxSlider」 PCでは無限スライダー表示、スマホではスワイプ操作に対応したスライダーになってくれる「bxSlider」は、非常に簡単にサイトへ加えられます。 ファイルの読み込み <script src=”//ajax.googl… ゴトーハック2014.09.19 1,270
CSS:IE7でoverflow:hidden/scrollが無視されて突き抜けてしまうバグ overflow:hidden/scroll内にposition:relative要素があると、そのようになります。 <div class=”scroll”> <div class=”box”>&… ゴトーハック2014.09.19 1,395
CSS3:サイズ不明でもどのような要素でも縦中央配置する .class { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%… ゴトーハック2014.09.18 723
JavaScript:比較演算子「==」と「===」の違い if(1 == “1”) // trueを返す if(1 === “1”) // falseを返す すごく初歩的なことですが見落として無駄に詰まっていたので自戒を込めて改めておさらい。 「==」は変数の形を見ない。 「=… ゴトーハック2014.09.17 445
CSS3:簡単に段組を作れる「columns」プロパティ あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお かきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこ さしすせそさしす… ゴトーハック2014.09.16 5,394