Uncategorized

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

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

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

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

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

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

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

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

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

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