CSS

CSS

タッチデバイスでCSSの:hoverを機能させる方法

hoverするとメニューが現れる、というCSSを作っていて最近までスマホのタップでも正常に動作していたはずなのですが、突然(ではないんだろうけども・・・)スマホで動作しなくなりました。 調べてみると、タッチさせる要素に ontouch...
CSS

Google Maps iframeでホイールスクロールを無効にする方法

すごく簡単でした。以下をiFrameのstyleに追加するだけ。 pointer-events: none; 結構面倒だったので助かりました。 こちらを参考にさせていただきました。 Google Maps ifr...
CSS

Twenty FourteenでPC表示でのアイキャッチは消して、サムネイルは残す方法

最近またWordPressを触り始めたのですが、Twenty Fourteenという新しいテーマが出ていることに気づきました。 デザインがきれいなので、久々にデフォルトのまま色々やろうと模索。 PCでサイトを見ると、アイキャッチ画像...
CSS

Twitter Bootstrapを使っていてGoogleMapV3を表示させると崩れるのを直す方法

GoogleMapAPIってV3になってから、APIキーいらなくなったんですね、便利。 さらにはJavaScriptだけでよくなったんですね、便利(前から出来たのかもしれませんが・・・) ということでGoogleMapAPIを使って...
CSS

Twitter Bootstrapで使えるようなアイコンのサイズを変えたい

Twitter BootstrapにはアイコンがimgフォルダにCSS Spriteするために入っています。 画像で存在するので当たり前ですが、このアイコンのサイズとかを変えるのは若干面倒。 ということで調べていると、WebFont...
タイトルとURLをコピーしました