For Want Of A Better Word

[css]pure css 読み込めない!なんで! ホストされたコンテンツ読み込みの罠

      2016/04/14

クロームでpurecssをよんでも、どうしてもスタイルがあたらなかった。。

1時間ぐらいごにょごにょしてて気づいたのですが、

下記のようにyahooのサーバーにホストされているものを読み込もうとしたときに、自分のサイトがhttps環境だったためhttpコンテンツを読んでくれていなかった模様。

<link rel=”stylesheet” href=”http://yui.yahooapis.com/pure/0.6.0/pure-min.css”>

 

httpsはyahoo側には無かった(オレオレ証明書の承認が必要になる)ので、ファイルをサーバー側に作成して、それを読み込むようにしたら無事スタイルがあたりました。

 

すげーつまらないことでやられた…

 

 - css

  関連記事

no image
スタイル指定の優先順位

ふと優先順位はどう決まるのか気になったので調査。 下記にわかりやすく書いてました …

no image
スタイルシートの@(アットマーク)ってなんだっけ

【参考サイト】http://w3g.jp/css/guide/at_rule ア …

メモ_gushから_スクロールに応じてHTML部品の表示 右下前に固定表示

要は最初は要素は固定で右下に表示 固定は下記で実施。 position: fix …

no image
WEBフォント

http://thinkit.co.jp/story/2011/08/18/22 …

no image
Firebugの機能

http://h2ham.seesaa.net/article/15438744 …