覚書

参考

http://stackoverflow.com/questions/8820286/how-to-remove-only-underline-from-abefore/21902566#21902566

CSSでグラデーションを時間で変化させるアニメーションのサンプル。

背景のグラデーションをアニメーションさせ、テキストでマスクをかける。

iPhoneでsafariのバージョンを判別する際に、 ユーザーエージェントでVersionの値を使っていると、chromeブラウザで表示した場合JSエラーが起きる。

■iOS7.0のSafariが返すuserAgent

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53

■Chrome for iOSが返すuserAgent

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) CriOS/30.0.1599.12 Mobile/11A465 Safari/8536.25

太字部分で示す通り、Chrome for iOSではVersionの記述が無いのでエラーとなっていた。判別するなら、Versionの有無を確認してからか、 iPhone OSの値を使って判別するのが良い。

参考

【Chrome for iOSのユーザーエージェントについて】

Androidはバグないのかな？要検証。

1ページに複数の「新しいGoogleマップ」を埋め込んだとき不具合が発生。対応したときの解決方法を取り急ぎメモ。

タブ切り替えのコンテンツ内で、デフォルトが非表示の要素にて、Googleマップの表示がIE・FFでバグるという現象が発生した。

読み込み速度と非表示にするタイミングが原因で不具合が発生すると思われる。

【解決方法】

HTMLのロード完了処理後に、GoogleMAPで埋め込んでいるiframeの読み込みをチェックし、完了したタイミングでタブ切り替えのデフォルト非表示の処理を実行する。

<script type="text/javascript">

//HTML文書が完全にロードされたあとで実行 window.onload = function () {

   //iframeの読み込みが完了されたあとで実行    $('#iframe').load(function(){       //読み込み完了後の処理       console.log('読み込み完了');    });

};

</script>

※参考にしたサイト

・jQuery iframeの読み込み完了後のタイミングで処理を実行する方法

http://zxcvbnmnbvcxz.com/jquery-iframe-loaded/

・jqueryでiframeのloadを待つ

パーミッションの設定をチェックする

設定が「666」以下の時、403 Forbiddenエラーが発生するようなので、

「755」以上の設定にする。

参考

【403 Forbiddenエラーの原因、対処、解決法】

http://www.403-forbidden.com/?p=488

【パーミッションを変更するには】

Preloaders

ユニークなデザインが豊富なプリローダー

http://preloaders.net/

Loadinfo

ポップなデザインのプリローダー

http://loadinfo.net/

Ajaxload

ベーシックでシンプルなプリローダー

参考

【今年も安定のシングルXmasだからワードプレスに雪を降らす】

http://plusblog.jp/6487/

ワードプレスに雪を降らしてみたいと思います。さらに雪を降らせるプラグイン「Snowfall」のパラメーターをGUIで変更できるコントロールパネルも作ってみました。

【jQuery snowfallで画面に雪を降らせる】

http://blog.sdm-s.info/javascript-jquery/snowfall/

a {

    overflow: hidden;

    float: left;

}

a:hover {

    border: 5px solid #000000;

}

a:hover img {

    margin: -5px;

}

解説