IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法を紹介します。 １．問題 IEでzenbackとjQueryプラグイン（例えばjQuery ligthboxプラグイン）を併用する場合、次のようなソースコードになると思います。（zenbackのコードは便宜上改行しています）。赤色がjQueryプラグイン、青色がzenbackです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('#gallery a')
「a:visited」のプロパティが配色系のものだけに限定された件について
Webデザインに携わっている方はすでにご存知と思われますが、「a:visited」に設定可能なプロパティが配色系のものだけに限定された件について情報展開します。 認識誤り等ありましたらご指摘ください。 １．事象 CSSの擬似クラス「:visited」に設定したスタイルが適用されないケースがあります。 そのページをIEの開発者ツール（F12を押下）のコンソールで見ると、 :visited と :link スタイルは、色のみを変更できます。 一部のスタイルは :visited に適用されませんでした。 という警告が出ていると思います（下）。 スタイルが適用されないのはIE以外のブラウザでも同じです。ただし古いバージョンでは挙動が異なるかもしれません。 ２．原因 この警告は、スタイルシートの「a:visited」に色属性以外のプロパティ（赤色部分）を設定している場合に発生します。 <style>
[CSS]ナビゲーションやリストなど、inline-block要素の間にできる隙間を解決する方法
ナビゲーションを実装する時など、ul要素を使って水平に並べると意図しない隙間ができてしまうのを解決する方法を紹介します。 Fighting the Space Between Inline Block Elements [ad#ad-2] デモ 解決方法 floatでいいんじゃないの デモ まずは、元となるコードから。 HTML nav要素を使い、a要素で各アイテムを実装します。 <nav> <a href="#">One</a> <a href="#">Two</a> <a href="#">Three</a> </nav> CSS 「display: inline-block;」を使って水平に並べます。 nav a { display: inline-block; padding: 5px; background: red; } このままだと、下記のように意図しない隙間ができてしまいま
Movable Type 5.13パッチリリース（注意：3月5日再リリース）
2月22日にリリースされた、Movable Type 5.13/5.07/4.38用の修正パッチが3月1日にリリースされました。 が、3月5日にさらに新たなパッチが更新されています。3月5日以前のパッチでエラーが解消しないか、新たにプラグインを適用したときに「Template load error」エラーが発生する場合は、3月5日リリースのパッチを適用してください。 5.13、5.07、4.38 パッチリリース ということで情報展開します。 本エントリーは3月2日の夜に投稿する予定でしたが、サーバ故障のため遅くなりました。そのおかげで再リリースをアナウンスできたのは不幸中の幸いかもしれません。 １．パッチの適用について パッチの適用が必要なケースが以下の条件に該当する場合のみです。 MT管理画面にアクセスして「Template load error」エラーが発生（サードパーティー製のプラグ
サーバ故障と「Connection error: Too many connections」エラーおよびMySQLテーブル破損について
「小粋空間」で利用しているサーバが3月3日の2時頃から突然CGIにアクセスできなくなるという事象が発生し、本日ようやく回復しました。 ページの表示は通常とおり行えていたので、検索経由できた人には特に支障はなかったと思いますが、すべてのCGIが利用できなくなっていたため、コメント投稿やサイト内検索などは利用できなくなっていました。ご迷惑おかけしました。なおコメントスパムが相変わらず激しいため、コメント投稿のみ3月7日現在も停止しています。 以下、故障から回復までの顛末を備忘録で記しておきます。 １．発生した事象1 2月27日～29日にかけてサーバ障害でアクセスできない事象が何回か発生しました。 このときは障害発生中はCGIに一時的にアクセスできなくなっていましたが、回復後はアクセス可能でした。 ２．発生した事象2 何回か発生した障害および障害回復のあと、いつものようにMTの管理画面にアクセス
WordPressでjQueryを使用した時のコンフリクト対策 « Funalogue Column
現在ある会社のサイトを作っている。 スタティックなHTMLで書いていたときには問題なかったjQueryのライブラリの一つであるspritmenuがwordpressへ持ってきた途端に動かなくなった。 元のHTMLで動いていたので、何かとコンフリクトしたと思われたので、とりあえずコンフリクト対策したのだが、 なぜか下記の方法では動いてくれない。 <script type="text/javascript"> jQuery.noConflict()(function($){ var j$ = jQuery; </script> 以前MODxのサイト（MODxに元々mootoolsが使われている）を作っていたときは、上記の方法で回避したような気がするのだが、今回はなぜか回避できない。 しょうがないので、何が問題なのか、プラグインをひとつずつ外してみていくことにした。 プラグインだけで18個使用し
for 属性に対する属性セレクタの IE7 での挙動
IE7 には、label 要素の for 属性に対する CSS の属性セレクタが無効になるバグがあります。 label[for="foo"] { background-color: yellow; } この場合 for="foo" という属性を持つ label 要素の背景が黄色になるはずですが、IE7 では無視されてしまいます。これはどうやら for というキーワードが DOM の予約語であることに由来するバグのようです (参考: Attribute Selector (CSS selector) - SitePoint CSS Reference)。そのかわり、IE7 では htmlFor という属性名を利用すればスタイルが有効になります。 label[htmlFor="foo"] { background-color: yellow; } ただこれだと IE8 以降やほかのブラウザが解
不正リンクに対するGoogleからの警告メッセージは無視しないで！ | パシのSEOブログ
不正なリンクに対しGoogleから届く警告メッセージは、SEO関係者であれば周知の事実なのですが、一般的なサイト管理者には浸透していない事なのかもしれません。 警告メッセージが届いた場合には、何かしらの対処が必要なのですが、間違った対処をする場合や、まさかの静観という選択肢を取るSEO業者が多いらしく、SEMリサーチさんが、珍しい感じの記事を投稿しています。 今の日本におけるSEOにおいて、最重要事項だと思いますので、拡散の意味も込めて取り上げておきます。 Googleから警告文が届いた場合の、正しい対処法 / 危険な対処法 欧米で話題になっているから自然と日本でも注目されるパンダ・アップデートなわけですが、日本の企業担当者が注意しなければいけないことは、（海外ではあまり報告例を見ない）日本国を中心としてGoogleが実施しているのであろう）リンクスパムの取り締まりの方です。 一部のSEO
暖房機に最適な状態を突破して熱暴走の果てに強制シャットダウンしてしまう原因を探ってみた
使用しているデスクトップPCが昨年夏ぐらいから徐々に不調になり始め、高負荷時に勝手にシャットダウンするようになってしまいました。さらに、ここ最近はアイドル状態で放置しているだけでもCPU温度が100度に達してしまうにもかかわらずファンが猛烈に回転している様子もなく、冷却が正常に行なわれていないことが明らかになったので分解して修理を試みることにしました。 熱暴走と思われるトラブルを抱えているのは2008年に購入したこのデスクトップマシン。搭載しているCPUはCore i7-920（2.67GHz）で、ネットで調べてみると「暖房機に最適」「温度が高い」「アイドルで50度以上」などというコメントが見つかったので、比較的熱をもちやすい製品ではあるようです。 ハードウェアの状態を監視できる「Speccy」を使用して計測したところ、起動後何もしなくてもしばらく時間が経つとCPUの温度が100度まで上が
Movable Type 5.13で「Template load error」になる問題について
Movable Type 5.13で「Template load error」になる問題について、MTQフォーラムのトピックで話題になっていたので、こちらでも情報展開します。 １．問題点 Movable Type 5.13にアップグレードしたあと、ブログ記事投稿画面や他の管理画面にアクセスすると「Template load error」になる可能性があります。 アップグレードだけでなく、MT5.13を新規インストールしたあとにプラグインをインストールした場合も同様です。 ２．原因 5.13でセキュリティが強化によりテンプレート読み込み処理が変更されたため、管理画面にテンプレートを埋め込む処理を行っているプラグインを利用している場合にこの問題が発生するようです。 具体的には、テンプレートファイルを読み込むプラグインについて、読み込むテンプレートファイルのパスを明示的に指定していないと、冒頭の
@keyframesとAndroid
@keyframesとAndroid CSS3の@keyframesでアニメーションを作成しているんですがAndroidでかなりバグがあるようです。 transformに複数の値を指定すると動かない @-webkit-keyframes hogeName{ 0% {-webkit-transform:scale(1,2)} 50% {-webkit-transform:scale(2,2) translateY(10px)} 100% {-webkit-transform:scale(1,1) translateY(0)} } サンプル というようにtransformに複数の値が不規則に入る場合Androidでは動作しなくなることがあります。（このサンプルだとscaleの指定が無視される） @-webkit-keyframes hogeName{ 0% {-webkit-transform
マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法 :: 5509
jQueryを使えば超簡単にアニメーションもできますし、フェード効果の実装も楽々できますね。簡単に実装できるので結構使ってるサイトを見ますが、カーソルを素早く乗せたり外したりするとチラチラすることが多いんですよね。 何言ってるか文章だと伝わりにくいので、サンプル1を確認してみてください。 どうでもいいっちゃどうでもいいのかも知れないですけど、こういう小さなこだわりって結構重要なんじゃないでしょうか。 で、このチラチラ、簡単に解決できるので知らなかった人は覚えておくといいかもです。 結論は簡単で .stop(true, false)を.animate()の前に入れる .animate()メソッドのオプション部分でqueue: falseを指定する のいずれかです。 このときに.stop()メソッドを利用するのですが、.stop()メソッドには2つ引数を指定できて、引数の値で動作もちょっと変わ
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 １．リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp
TRANSLATION LOG XAMPPのMySqlとApacheがWindows vistaで停止できない
今、Xamppをいれて環境構築をしているけれど、そこで良くわからんエラーが出るので調べた。日本語でもすでにいろいろ説明は別のところにあると思うが、とりあえず訳してみた。 元のサイト↓ http://drupal.org/node/224342 翻訳 I have installed MySql and Apache server using XAMPP under Windows Vista. MySql and Apache keep running even though I tried to stop them using the XAMPP Control Center. The Error message is "Error: MySql Service not stopped [-1]" How can I stop them? Why does this problem oc
スクレイピングを防ぐための現時点でもっとも効果的な方法
[レベル：中〜上級] 今日はスクレイパーに打ち勝つ方法を紹介します。 まず用語を定義しておきます。 他人のサイトのコンテンツを第三者が無断でコピーすることを“スクレイピング”(Scraping)と呼びます。 スクレイピングするスパマーのことを“スクレイパー”(Scraper)と呼びます。 ウェブの世界ではスクレイピングを防ぐ方法はありません。 コピペは、特殊な設定をしていない限り誰でも可能です。 RSS配信していれば更新と同時にコンテンツを自動で取得することも簡単にできます。 ところがやっかいなのは、スクレイパーのサイト（ページ）がオリジナルであるはずの自分よりも上位に来てしまったり、最悪のケースは自分が重複コンテンツ扱いされて検索結果での順位を大きく下げたり、除外されてしまうことです。 日本にはまだ正式に導入されていないパンダ・アップデートでは、スクレイパーの存在によって誤ってクロスドメ
Windows で Apple Mobile Device Service (AMDS) を再起動する - Apple サポート (日本)
Windows で Apple Mobile Device Service (AMDS) を再起動する iPhone、iPad、または iPod touch が Windows パソコン上の iTunes で認識されない場合は、状況に応じて AMDS の再起動が必要です。 AMDS を再起動する方法 デバイスを接続したときに「Apple Mobile Device サービスが開始していないため、この [デバイス] は使用できません」というエラーメッセージが表示される場合があります。 以下の手順で AMDS を再起動してください。 iTunes を終了して、iPhone、iPad、または iPod が接続されている場合は、接続を外します。 コンピュータのキーボードで Windows ロゴキーと「R」キーを同時に押して、「ファイル名を指定して実行」コマンドにアクセスします。 「services
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「不自然なリンクに関する Google ウェブマスター ツールからのお知らせ」への対処法（前編） | Moz - SEOとインバウンドマーケティングの実践情報
ひたすらに思考し、テックの力でマーケティング＆クリエイティブを支援｜株式会社ノードキャスト(NODECAST CO., LTD.)
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net
Vista sp2 インストールできない - 覚え書き日記帳