HTML/CSS – ページ 2

Published 2021年1月16日 by mick

a要素のnofollowやnoopener、noreferrerについてまとめ

a要素のnofollowやnoopener、noreferrerについてまとめを紹介。Webページでリンクを貼るときに使うa要素。 rel属性に nofollow や noopener が使えるけれどいつどんなときに使えばいいのか。これらの理解を深めるための記事です。

Published 2021年1月14日 by mick

Lightboxの効果をCSSだけで実装する方法を紹介。前にWordPressのプラグインを使ってLightboxの効果を使う方法を紹介して、CSSだけでもLightboxが実装できないか調べました。そしたら方法があったので、そのことを記事にしています。

Published 2020年11月28日 by mick

ファビコンを使ってチェックマークをリストに付ける方法を紹介。リストのマークにチェックマークをつくりたい／擬似クラスでFont Awesomeの使い方を知りたい／こんな方向けの記事になります。コピペですぐに使えるようにしています。

Published 2020年11月27日 by mick

ファビコンを使ってチェックマークを文頭に付ける方法を紹介。CSSでチェックマークをつくりたい／ファビコンの使い方を知りたい／擬似クラスでFont Awesomeを使いたい／こんな方向けの記事になります。コピペですぐに使えるようにしています。

Published 2020年10月13日 by mick

CSSを使って画像はスライドショーしつつ、パララックスする方法を紹介。CSSで画像をスライドショーする、CSSでパララックスする、この2つの実装を組み合わせた形になります。サンプルをコピペして画像のリンクを変更するとすぐに使えるようにしています。

Published 2020年10月12日 by mick

スライドショーをCSSで実装する方法を紹介。スライドショーを実装する方法はJavaScriptやWordPressならプラグインで実装する方法もあります。ここではCSSだけを使うため初期設定も不要で簡単。Webサイトの速度にも影響を与えません。

Published 2020年10月5日 by mick

スタイルシートであるCSSの記述順の優先順位（カスケード順）についておさらいをしています。CSSはシンプルな分、Webサイトが思い通りの見え方が思い通りになかなかならないこともあります。これはCSSを書くときに決まっている優先順位が関係しているケースが多いです。

Published 2020年10月3日 by mick

パララックスの効果をCSSで実装する方法を紹介。パララックスは目の錯覚を利用して画面に奥行きを感じることができる視覚効果です。JavaScriptライブラリで実装する方法もありますが、CSSだけを使うため初期設定も不要でらくらくです。