Over-Kill

Everyday Over-Kill

Latest stories

git clone すると remote: Repository not found ! と言われることがある。 まずは公式の通りに下記を確認する。 https://help.github.com/en/articles/error-repository-not-found ・ Check your spelling スペル間違いはありませんか?必ずgithubのページからコピーボタンを押してリンクを取得してください。 ・ Checking your permissions プライベートリポジトリをクローンしていませんか? 次のいずれかの方法でリポジトリにアクセスできることを確認してください。 ※私はよくcollaborator するのを忘れますが、今回は違いました。 - リポジトリの所有者 (Owner) - リポジトリの共同編集者 (collaborator…Keep Reading →
擬似要素のcontentにdata属性を指定することができる。 content: attr({data}); を指定するだけ、atrrなのでtitleやsrcも取得できる。 もちろんdata属性にphpなどで動的に値を渡しても問題はない。Keep Reading →
javascript簡単なタブ切り替えを作ります。 クリックすると、一度全てを非表示し、 クリックした要素を表示する事でタブ切り替えを実装しています。 もうちょっと良い書き方があるはず...Keep Reading →
稀にスクロールバーのカスタマイズが必要な場面があります。そんな時に便利なライブラリをご紹介します。perfect-scrollbar こちらのライブラリがあれば非常に簡単にスクロールバーの実装が可能です。例によってCodeSandBoxを確認してください。 wrapする要素に、heightとposition:relative;を加えています。今のところスクロールバーのclass名は変更できなさそうなので、セレクタに重みをつけて変更する必要がありそうです。自力での実装を考えるとそこそこ大変そうな印象ですが、このライブラリがあると非常に助かりますね。Keep Reading →
要素に対してwidthではなく、max-widthを指定しておくと、より少ないコードでレスポンシブなデザインが実現できるため、非常にお手軽である。 しかし我らが宿敵IE11では、max-widthが適用されず悲惨なことになってしまう。 対処法はとても簡単 要素に対してwidth:100%を追加するだけ。 これだけで、IE11でもmax-widthが適用される。Keep Reading →