Uncategorized

selectタグに::before ::afterなどの疑似要素を追加する方法【CSS】

結論から言うとselectタグには::beforeや::afterの疑似要素を当てることはできない。 そのためselectタグの親要素に擬似要素を指定して代用する。 <div class="search-pref"> &...
Uncategorized

CSSで背景画像の位置を中央から引いた/足したpx数にする

CSSで背景画像のpositoinを要素の中央から何pxか引いた、もしくは足した数にする方法。 calcを用いて計算させる。 .from-center { background-image: url('nandemo.png'); ...
Uncategorized

nodebrewでnode.jsをインストールする時にxcrunでerrorが出る問題を解決

標題通り、nodebrewでnode.jsの別バージョンをインストールする時に以下のエラーが出た。 xcode-select: error: tool 'xcodebuild' requires Xcode, but active deve...
Uncategorized

【即解決】WordPressのショートコードがpタグで囲まれてしまうのを最も簡単に除去する方法

WordPressの自作ショートコードを設定した時に、ショートコードの次に改行を入れて文章を入力するとpタグによって囲まれることがある。 そのような時の解決方法。以下のコードをfunctions.phpに挿入する。 remove_fil...
Uncategorized

.gitignoreが反映されない時の対応方法

.gitignoreにファイル・フォルダを追加したにも関わらずgit addに表示されてしまう時。 gitがキャッシュを保持している場合がある。そんな時はgitのキャッシュを消そう。 全てのキャッシュをクリアするには、 $ git r...
Uncategorized

CSSのみでposition:absoluteがかかっている要素を上下中央配置にする

position:absoluteで浮いている要素を上下中央配置にするやり方。 昔は大変だったが、今ではflexboxを使えば簡単にできる。キーは子要素にdisplay:flexをかけて、縦方向に中心いするためにflex-directio...
Uncategorized

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法の紹介。 flex-shrink を0に設定してやると直る。 img { flex-shrink: 0; } 参考:Flexbox on IE1...
Uncategorized

Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合

Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合。 以下のような状態 On branch develop Changes not staged for commit: ...
Uncategorized

Polylangに既存のページを翻訳ページに設定する方法

Polylangに既存のページを翻訳ページに設定する方法。何てことはない。翻訳バーのところに該当するページ名を入力して検索をかけるだけ。 表示されたら選択するだけ。 「+」アイコンをクリックして新規ページを追加する方法のみしか紹介さ...
Uncategorized

Macのディスプレイの色味がおかしい時の直し方

物理的にディスプレイが故障したわけではないのにも関わらず、色味が若干くすんで見える時がある。 特に自分の場合は黄緑色が顕著にくすんで見え、サブディスプレイと比べると違いが大きく分かるくらい。 調べてみるとPRAMメモリのクリアで直るとの...
タイトルとURLをコピーしました