CATEGORY

HTML5・CSS3

2017年の暮れになったのでパンクズリストの書き方をおさらいしてみる

今回はパンくずリストの書き方をおさらいしてみます。 その前にどんな当たり前なことにでも懐疑的になってみるのも重要だということで、 本当にパンくずリストって必要なのかということを考えてみます。 ネットサーフィンをすること約3分。 ほとんどの参考記事では「必要」という結論でした。 結論:パンくずリストは必要である。考察以上。 必要ということになってしまったので、本題のパンくずのマークアップについて考え […]

リスト先頭のアローをfont-awesomeで実装

昔からよくつかわれるリスト要素の先頭につけるアロー(右向きの三角形)。 サイト毎に(あるいは1つのサイト内でも)アローの色、サイズが違っていると画像の色、サイズを変更して書き出したりと面倒。 せっかくfontawesomeという便利なfont(アイコン)があるのでこれを使って実装してみます。 まず必要なのが、font-awesomeを読むこむ記述。head内に記述します。 <link rel […]

CSS3プロパティ「mix-blend-mode」で画像の間違い探し

CSS3の「mix-blend-mode」で画像の間違い探しができる。 CSS3ってのはこんな機能もあるんだと感心したのでご紹介。 「mix-blend-mode」というプロパティで要素が重なった場合、どのように色をブレンドするかという指定ができるみたいです。 詳細な説明は下記のサイトを参照。 https://developer.mozilla.org/ja/docs/Web/CSS/mix-bl […]