css アーカイブ - ブレインログ

【CSS】印刷用ページの幅が指定通りにならない

今回はメモ程度の簡単な記事です。印刷用ページを作成中、どうしても幅が指定通りにならない状況に遭遇したので残しておきます。原因原因はBootstrapでした。バージョン4系のBootstrapを […]

webpack５を使ってJavaScriptとSassをコンパイルする方法を記録しておきます。この記事では、以下の項目をコンパイル条件としています。 JavaScriptとCSSを別々のファイルで出 […]

ホームページを作る時、BootstrapとJQueryを使う機会が多いんですが、今までは、それぞれのCDNから読み込んで使っていました。今回は、npmを使ってプロジェクトに直接インストールしてみます […]

Laravelでjavascriptを使う場合、public / jsフォルダ内に置いて、Bladeファイルで読み込めば動きますが、今回は、Laravel Mixを使って複数のjavascriptファ […]

LION BLOGのページ幅を変更する記事「【WordPress】LION BLOGのページ幅を変更する方法」を書きましたが、２カラムの場合の記事とサイドバーの幅のバランスも変更したくてやってみました […]

LION BLOGの全体のページ幅を変更したくなって、検索したんですが出てこなかったので、自力でやってみました。といっても簡単な方法で、「追加CSS」に以下のように書くだけ。この方法で合ってるのか […]

通常は、CSSで、width: 100vw; height: 100vh;とすれば、その要素は全画面になりますが、これをjavascriptで行いたい時があったので、メモ。 $(window).on( […]

アイキャッチにカーソルをもっていったときに画像が拡大・縮小する効果がデフォルトで付いていますが、私はあまり好きじゃないのでこれを無効にします。変更方法追加CSSに下記の文字を追加するだけで無効にす […]

リストタグはメニューなどでよく使いますが、リストをdisplay:inline-blockを使って横並びにするとリストとリストの間に隙間ができてしまいます。それを簡単な方法で解決します。解決方法 C […]