HTMLやCSSでのプロトコル表記（http:、https:）の省略について
HTMLやCSSではプロトコル表記（http:、https:）の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記（http:,https:）を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> １．プロトコ
新しくなった公式Twitterボタン（ツイートボタン）のデザインを修正する
Twitterのリニューアルに伴い、公式Twitterボタン（旧ツイートボタン）の機能とデザインが変更されたようです。Twitterボタン作成ページもリニューアルされています。 新しい作成ページでは、これまでの「リンクを共有する」ボタンの他に「ハッシュタグ」「フォロー」「@ツイート」が作れるようになりました。 Twitterボタン これにより、これまでブログに設置していた公式Twitterボタンのデザインも変わっています。 本エントリーではデザインを修正する方法をいくつか紹介します。レイアウトの崩れ具合によっては他の修正が必要かもしれませんので予めご了承ください。 １．ボックスタイプの幅を修正する（その1） リニューアル前からブログなどに設定しているボックスタイプ（垂直タイプ）はリニューアル後に次のような表示になっています。 これを次のようにコンパクトなサイズに修正します。 修正するには次
jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法
jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法を紹介します。 １．jQuery UI Tabsについて 基本情報として、jQuery UI Tabsでタブ切り替えを行う方法については「jQuery UI Tabsを使ってタブを実装する」を参照してください。 サンプル ２．hashchangeプラグインについて jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にするには、hashchangeプラグインを利用します。 hashchangeプラグインの基本的な設定方法については「jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」（実装解説つき）」を参照してください。 ３．jQuery UI Tabsでhashchangeプラグインを利用する ２項のリンク先の説明ではjQuery
小粋空間: CSS の after 擬似要素で回り込みを解除する
float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します（通常の解除方法も併せて掲載しています）。 １．「回り込み」とは 例えば、画像の左（または右）にテキストを表示することを「（テキストの）回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト～（略）～回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト （X）HTMLでこのような表示を行う場合、先に出現する要素（ここでは img 要素）に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま
Google マップの埋め込み HTML でふきだしを消す方法（新）
Google マップをブログなどに埋め込むときの HTMLコードに含まれるふきだしを消す方法です。 ふきだしを消して、マーカーを残したい場合は「Google マップの埋め込み HTML でふきだしを消してマーカーを残す方法」を参照してください。 １．問題点 Google マップから検索などで特定の地域を表示させて、HTMLコードを取得して、ブログに埋め込むと、検索したときの情報がふきだしとして含まれてしまいます（下）。 実は、以前「Google マップの埋め込み HTML でふきだしを消す方法」をエントリーしたのですが「その方法ではふきだしが消えませんでした」というコメントを頂きました。 どうやら前回のエントリーからしばらく経ったこともあり、その間に Google マップの UI が変更されたようです。ということで、新しい技を紹介します。 ２．解消方法 Google マップで検索結果が表示
Movable Type で「～」が「?」に文字化けする事象や日本語のタグが合算できない不具合を解消する
Movable Type で MySQL 5を利用している際に、 ブログ本文などに含まれる「～」という文字などが「?」に文字化けする 日本語のタグが合算できない（Aブログ記事とBブログ記事に同じ日本語のタグを付与した場合、タグ一覧などで2件とならず、それぞれ1件として表示される） といった不具合を解消する方法を紹介します。 すでに多くのサイトで紹介されているので目新しい情報ではありませんがとりあえず。 １．原因 タイトルの不具合が生じる原因は、対象テーブルのカラムの照合順序が「ujis_japanese_ci」になっているためのようです。この照合順序を「utf8_general_ci」にすることで解消しているようです。 ちなみに、「照合順序」とはデータベースから select する際のルールを示すもののようで、 ujis/utf8：文字コード japanese/general：照合形式 c
mt-csv2customfields
「CSV形式のデータを Movable Type のカスタムフィールドに一括読み込みさせたい」という要望がかなり多いようなので、スクリプト mt-csv2customfields.cgi を作成しました。 CSVファイルを読み込み、新規ブログ記事のカスタムフィールドに登録します。 2011.07.11 より高機能なプラグイン「CSVDataImExporter」をリリースしました。 １．機能 今のところできるのは次の通りです。 新規ブログ記事のみ対応 タイトルの書き込み 本文の書き込み カテゴリーまたはサブカテゴリーの書き込み。カテゴリーが存在しない場合は新規作成（トップレベルのみ） タグの書き込み（複数設定可能） 出力ファイル名の書き込み コメント受信設定・トラックバック受信設定の書き込み カスタムフィールド（テキスト形式）の書き込み 複数のカスタムフィールドに対応 既存のブログ記事タイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
