【CSS解説なし】CSSのみで画像のスライダーを作ってみた。

こんにちは！

今までで最長の対応ではないかという感じで・・・。前は最大3時間もあればOKだったのに、今回は2日かかった(笑)。ま、ずーっと対応していた訳ではありませんが・・・。

前回の記事で書きましたが、今、友達のロゴを作っていて、そっちに時間を使ってました。

ちょっとひと段落ついたので、再びCSSで画像のスライダーを作ろうかという感じで・・・。Googleで検索して、それらしい情報はあったのですが、まぁ、完璧ではないので、情報を元に対応してみる・・・。

で、出来ない(笑)。

イラッとしてCSSを一旦全削除して1から組んでいく。あとは、スライダーだけというところでアウトになってました。

しかし、めげない(笑)。根気よく情報収集して、経験と閃きを元にスライダーを作る・・・。

う、上手くいった！！！

タイトルにあるように、CSSの解説は出来ません。基本、SCSSで書いていて、SCSSを書くよりCSSを書いた方がいいと思ったのです。

ま、スパゲッティコードになりつつあるので、自分でも良く分かっていません(笑)。

なお、スライダーはjQueryでも出来ます。プラグインとかもありますね。かかった日数を考えたら、素直にjQueryを使えば良かったのかな？

ま、jQueryは苦手なのでCSSで出来るならそうしたいと思ってます。

CSSには自信がありますが、まぁ、まだまだ知らないことばかりですね。ホームページを制作しながら理解を深めたいと思ってます。

なお、今はブログ風デザインをしています。XDでデザインカンプを作ったあと、実際にHTMLコーディングしているのですけどね。

今回の対応でちょっと疲れたので、まぁ、ノンビリモードで行きたいと思ってます。

おわり！