Uncategorized selectタグに::before ::afterなどの疑似要素を追加する方法【CSS】 結論から言うとselectタグには::beforeや::afterの疑似要素を当てることはできない。 そのためselectタグの親要素に擬似要素を指定して代用する。 <div class="search-pref"> &... 2018.04.15 Uncategorized
Uncategorized CSSで背景画像の位置を中央から引いた/足したpx数にする CSSで背景画像のpositoinを要素の中央から何pxか引いた、もしくは足した数にする方法。 calcを用いて計算させる。 .from-center { background-image: url('nandemo.png'); ... 2018.04.15 Uncategorized
Uncategorized nodebrewでnode.jsをインストールする時にxcrunでerrorが出る問題を解決 標題通り、nodebrewでnode.jsの別バージョンをインストールする時に以下のエラーが出た。 xcode-select: error: tool 'xcodebuild' requires Xcode, but active deve... 2018.04.12 Uncategorized
Uncategorized 【即解決】WordPressのショートコードがpタグで囲まれてしまうのを最も簡単に除去する方法 WordPressの自作ショートコードを設定した時に、ショートコードの次に改行を入れて文章を入力するとpタグによって囲まれることがある。 そのような時の解決方法。以下のコードをfunctions.phpに挿入する。 remove_fil... 2018.03.19 Uncategorized
Uncategorized .gitignoreが反映されない時の対応方法 .gitignoreにファイル・フォルダを追加したにも関わらずgit addに表示されてしまう時。 gitがキャッシュを保持している場合がある。そんな時はgitのキャッシュを消そう。 全てのキャッシュをクリアするには、 $ git r... 2018.02.01 Uncategorized
Uncategorized CSSのみでposition:absoluteがかかっている要素を上下中央配置にする position:absoluteで浮いている要素を上下中央配置にするやり方。 昔は大変だったが、今ではflexboxを使えば簡単にできる。キーは子要素にdisplay:flexをかけて、縦方向に中心いするためにflex-directio... 2018.01.25 Uncategorized
Uncategorized Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法 Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法の紹介。 flex-shrink を0に設定してやると直る。 img { flex-shrink: 0; } 参考:Flexbox on IE1... 2017.11.20 Uncategorized
Uncategorized Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合 Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合。 以下のような状態 On branch develop Changes not staged for commit: ... 2017.11.07 Uncategorized
Uncategorized Polylangに既存のページを翻訳ページに設定する方法 Polylangに既存のページを翻訳ページに設定する方法。何てことはない。翻訳バーのところに該当するページ名を入力して検索をかけるだけ。 表示されたら選択するだけ。 「+」アイコンをクリックして新規ページを追加する方法のみしか紹介さ... 2017.11.06 Uncategorized
Uncategorized Macのディスプレイの色味がおかしい時の直し方 物理的にディスプレイが故障したわけではないのにも関わらず、色味が若干くすんで見える時がある。 特に自分の場合は黄緑色が顕著にくすんで見え、サブディスプレイと比べると違いが大きく分かるくらい。 調べてみるとPRAMメモリのクリアで直るとの... 2017.11.02 Uncategorized