IT女子のお気に入りフォルダ管理人の備忘録と実践を兼ねた(出来るだけ)役に立つ情報を配信するブログです。いう場合の対処法です。Mapのズームコントロールが正しく表示されない事態に出くわしました。なんだこれー?っていろいろ検索した結果、CSSの以下の記述が邪魔していることがわかりました。これが邪魔するとは予想だにせず。SASSinputボタンにアイコンフォントを表示する方法inputフィールドに表示する文字列はvalueにセットするわけですが、FontAwesomeのiタグをvalue値にセットすることはできません。SASSスマホ表示のとき横長テーブルの横スクロールバーを常に表示する方法スマホだと画面からはみ出てしまうような横長テーブルで、CSSだけで横スクロールを常時表示する方法のメモです。SASSfacebookのページプラグインをレスポンシブ対応する方法(横幅可変に対応)facebookのページプラグインはレスポンシブ対応されていて、横幅500pxを指定して取得したコードでも親BOXがそれより小さければ親BOXに合わせて小さく表示されます。SASSテキストが改行してもラジオボタンに回り込まず揃える方法(横幅指定はしない)ラジオボタン(またはチェックボックス)のラベルが改行するほど長い場合。テキストがラジオボタンの下にまで回り込んでしまいます。回り込まずに行頭を揃えたいことが多いです。SASSCSSで左右は固定、中央は可変の3カラムレイアウト簡単そうで、意外と悩んだのでメモしておく。こちらの記事を参考にさせていただきました。3]拡張子HTMLのファイルでもPHPシンタックスで開くクライアント環境により、PHPファイルでも拡張子をHTMLをしなければならないことが。Textで開く度にHTMLのシンタックスに紐付き、いちいちシンタックスをPHPに切り替える。SASSplaceholder属性の文字色を変更するinput要素のplaceholderにスタイルを適用します。Firefoxはバージョンにより2通りの書き方があって、微妙に違うので注意が必要です。SASSレスポンシブでPCのときだけ改行しスマホの時は改行しない方法PCで任意の箇所にいれた改行をスマホでは改行せずに表示したい!っていう、レスポンシブ対応するうえでのあるある。このあるある問題を解決するとっても簡単な方法をご紹介します。SASSレスポンシブでタブレットとPCを同じにするためスマホとタブレットでviewportを切替える非レスポンシブのサイトをiPadで見ようとするとiPadが適切なサイズで表示してくれます。横幅が1200pxあるサイトでもiPadを縦にしたときの横幅768pxに合わせて縮小してくれるのです。SASSMacにSASSをインストールする前々から気になっていたSass(サス)を始めようということで、まずはインストールです。Sassは、CSSを記述するためのメタ語の一つで、CSSをもっと便利に効率良くしてくれる言語です。SASSスマホサイトにおすすめの横からスルッと出現する「ドロワーメニュー」ドロワーメニューの実現方法はいろいろありますが、これは、少しのcssとJavaScriptで実装できるのでおすすめです。使うと思うので備忘録を兼ねてメモ。jQueryfont-sizeを相対指定してChromeだけフォントが大きく表示されてしまう問題フォントサイズを以下のように相対指定で書いたときに、Chromeだけフォントが大きく表示されてしまうことがありました。続けてBootstrap3ネタです。どんだけBootstrap3好きなんだよって感じですが、Bootstrap3を使った構築が続いているのでこうなっちゃうのです。SASSBootstrap3でテーブルを角丸にする方法Bootstrapでは、以下のようにtableタグのクラスに.table-borderedを追加するとテーブルに線を引くことができます。この記述はBootstrap2でも3でも共通です。SASSフッターをウィンドウ下部に固定、サイドの高さを100%にする方法メインコンテンツの量に関係なく、フッターをウィンドウ下部に固定して、さらにサイドバーの高さをウィンドウ100%にする方法のメモです。SASSCSSだけで角丸にするborder-radiuscssだけで角丸を表現するにはborder-radiusを使用します。画像を使わずにリッチな表現ができるので最近よく使われています。Bootstrapとかでもバンバン使われてますね。SASScssで背景だけを透過する(文字は透過しない)方法タイトルなどで、背景に色をつけて文字を表現する場合などに、以下のように記述すると、背景だけでなく文字も透過されてしまいます。IT女子のお気に入りフォルダ。