【CSS】印刷用ページの幅が指定通りにならない
今回はメモ程度の簡単な記事です。 印刷用ページを作成中、どうしても幅が指定通りにならない状況に遭遇したので残しておきます。 原因 原因はBootstrapでした。 バージョン4系のBootstrapを使っている場合、印刷 […]
css
続きを読む
webpack５でJSとSassをコンパイル（CSSを別ファイルに出力）
webpack５を使ってJavaScriptとSassをコンパイルする方法を記録しておきます。 この記事では、以下の項目をコンパイル条件としています。 JavaScriptとCSSを別々のファイルで出力する。 出力先のC […]
npmでBootstrapをインストールしてWebpackでコンパイルする方法（同時にjQueryも）
ホームページを作る時、BootstrapとJQueryを使う機会が多いんですが、今までは、それぞれのCDNから読み込んで使っていました。 今回は、npmを使ってプロジェクトに直接インストールしてみます。Bootstrap […]
Laravel Mixを使ってjavascriptをコンパイルする
Laravelでjavascriptを使う場合、public / jsフォルダ内に置いて、Bladeファイルで読み込めば動きますが、今回は、Laravel Mixを使って複数のjavascriptファイルをまとめてコンパ […]
【WordPress】LION BLOGのカラム幅の割合を変更する方法
LION BLOGのページ幅を変更する記事「【WordPress】LION BLOGのページ幅を変更する方法」を書きましたが、２カラムの場合の記事とサイドバーの幅のバランスも変更したくてやってみました。 こちらもページ幅 […]
【WordPress】LION BLOGのページ幅を変更する方法
LION BLOGの全体のページ幅を変更したくなって、検索したんですが出てこなかったので、自力でやってみました。 といっても簡単な方法で、「追加CSS」に以下のように書くだけ。 この方法で合ってるのかわかりませんが、一応 […]
JavaScriptでウィンドウサイズを取得して全画面表示
通常は、CSSで、width: 100vw; height: 100vh;とすれば、その要素は全画面になりますが、これをjavascriptで行いたい時があったので、メモ。 注）Jquery使用
LION BLOG のアイキャッチ画像のマウスオーバー時のズームを無効にする方法
アイキャッチにカーソルをもっていったときに画像が拡大・縮小する効果がデフォルトで付いていますが、私はあまり好きじゃないのでこれを無効にします。 変更方法 追加CSSに下記の文字を追加するだけで無効にすることができます！ […]
リスト < li > タグの横並び時の隙間をなくす方法
リストタグはメニューなどでよく使いますが、リストをdisplay:inline-blockを使って横並びにするとリストとリストの間に隙間ができてしまいます。それを簡単な方法で解決します。 解決方法 CSS（スタイルシート […]
まずは無料相談から
お客様のビジネス目標を達成するための最適なご提案をいたします。初回相談は無料ですので、まずはお気軽にお問い合わせください。