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