スタイルシート

userAgentを使用せずIE11専用のスタイルシートファイルを切り替える方法
Internet Explorer 11(以下IE11)のみレイアウトが崩れる場合、対応ハックしてスタイルをその他の問題のないブラウザでも読み込ませるのは、無駄であると考えます。そこで、IE11でのみ通常とは異なるスタイ...
Bootstrapでメガメニュー表示するCSS設定
Bootstrapの標準機能に少しスタイルシートをカスタマイズすることで、簡単にメガメニューを実装することが出来ます。 元々Bootstrapにはメニューアイテムをクリックすると、ドロップダウンとしてサブメニューが表示さ...
Visual Studio CodeでSASSのコンパイルを標準で圧縮(minify)する方法
Visual Studio CodeでSASSをCSSにコンパイルする際にはLive Sass Compilerを、minifyされた圧縮ファイル(.min.css)を作成するためには、Minifyを使用して、個別に処理...
WordPressでjQueryがフッターに読み込まれなかったのはプラグインが原因
個人的な 覚書です。 WordPressでjQueryをフッターに呼び込み直そうと、 のように書くのですが、何度検証してもフッターではなく、ヘッダーに出力されてしまいます。 その原因を調べてみましたら、デバッグ用のプラグ...
TablePressの標準スタイルシートの読み込みを停止する方法
WordPressで表組みを作成するプラグインと言えばTablePressが定番で使い勝手も良く重宝しています。 しかしながら、TablePressで表を作成すると、tableタグに.tablepressというクラス名が...
アイコンフォントのリンク下線はinline-blockで消せます。
aタグの中にFont Awesomeのアイコンフォントと文字列を入れると、標準状態で、こんな感じになります。 でも、見た目としてはやっぱりアイコンの下に下線が入るのは不格好。 で、そういうときはスタイルシートに としてや...
【初心者向】Visual Studio CodeでCSScombを設定する方法
CSScombは、予め設定したルールに従ってスタイルシートを整形・プロパティ毎にソートしてくれるツールです。 例えば のようなスタイルシートがあるとします。 marginの記述がバラバラの位置にあったり、単位が不要な0に...
Visual Studio CodeでFTP simple使用時にライブプレビューで躓いた点
コーディングは主にVisual Studio Codeを使用して、常にFTP Simpleでサーバー上のコードを同期しながら作業を進めております。 これまでは、コードを書き終えたら保存する、そしてブラウザでF5更新して確...
[WordPress] gettyimagesの画像埋め込みをレスポンシブ対応させるためのショートコード
http://www.gettyimages.co.jp/creative/frontdoor/embed gettyimagesが全てではありませんが、多くの写真・イラストを非商用利用であれば無料でブログに埋め込みが出...
IconMoonでロゴをWEBフォントにしてみます。
まずはロゴにしたいSVGファイルをIllustratorなどで作成しておきます。ファイルは全てアウトライン化しておきます。 ①IconMoonのAppにアクセスして、「Start the App」ボタンをクリックします。...
1