[Archive] 月別: 2018年2月

inputのplaceholderにfontawesomeのアイコンを表示させる

みんな大好きfontawesome! beforeやafterの擬似要素でfontawesome使えるのだから、inputのplaceholderにも使えるんじゃないかと思ったらやっぱり使えるみたいですね。今回使うのは旧バージョンの4.7。最新バージョンの5はうまく表示してくれませんでした。 See…

アンカーリンクを自動的に増やす

タイトルの数に応じてアンカーリンクを自動で作成します。 wpのビジュアルエディタ部分で実装しました。ビジュアルエディタで見出し(h2)を追加するとその数に応じてアンカーリンクが増えます。静的なサイトでも十分活躍できそう。 See the Pen rJWrWV by nekuta (@nekuta) …

CSSだけで画像をトリミングする3つの方法

cssだけで画像を変に引き延ばさずにトリミングする方法です。 デモページ 1 画像をbackgroundとして使うタイプ imgとして置かずに、divなどのbackgroundとして使うタイプです。background-sizeをcoverにして、背景領域を完全におおう最小サイズで出しています。 H…

  • コーダーのための計算機