Bootstrapでタブ(Togglable tabs)を表示する Bootstrapを利用して、簡単にタブ表示をすることができます。デモはこちら Aipo.comサイトのコミュニティでもこちらを利用しています。 CSS <link href="bootstrap.css… haradaハック2014.04.11 3,530
floatさせた画像の横のテキストが回り込まないようにする テキストをfloatさせた画像の横に並べた際に、テキストを画像の下に回りこませたくない場合、設定しておくと便利な一行です。表示サンプル CSS .textBox { overflow:hidden; } HTML <… haradaハック2014.04.11 681
Bootstrapでポップオーバー(Popovers)を表示する フォームの項目説明などに便利なポップオーバーの表示方法です。 デモはこちら CSS <link href=”bootstrap.css” rel=”stylesheet” type=”text/css” />… haradaハック2014.04.10 5,072
Bootstrapでアコーディオン(Collapse / accordion)表示 Bootstrapを利用して、簡単にアコーディオンのような折りたたみ表示をすることができます。デモはこちら FAQのページや、ナビゲーション・メニューを作成するときなどに役立ちます。Aipo.comサイトのヘルプでもこち… haradaハック2014.04.10 2,508
divやliなどブロックごとリンクする aタグだけでなく、ブロックごと全体でリンクさせたいときに便利です。 Javascript function link(url) { location.href = url; } HTML <div onKeyPre… haradaハック2014.04.09 1,150
ボタンでリンクする ボタンでリンクするためのタグです。フォーム系のモック作成時によく使います。 <input type="button" onclick="location.href='http… haradaハック2014.04.09 215
Webサイトの読み込み速度を確認できるブックマークレット Web担当者Forum版 ページ速度分析ツールの「ページ表示のどこに時間がかかったかチェック」でリンクされている以下のアドレスをブックマークに登録しておくことで、表示中のWebサイトの読み込み速度を確認することができます… haradaハック2014.04.08 3,136
さくさくとWebサイトの表示サイズを確認できるブックマークレット Viewport resizerの「CLICK OR BOOKMARK」でリンクされている以下のURLをブックマークに登録しておくことで、どんなサイトでもすぐに様々な表示サイズの確認ができます。 javascript:v… haradaハック2014.04.08 391
ユニバーサルアナリティクスでのイベントトラッキングタグ ユニバーサルアナリティクスを利用している場合 <a onclick="ga('send', 'event', 'カテゴリ', 'アクシ… haradaハック2014.04.07 180