みんカラを始めて数年はHTMLやCSSを駆使してオリジナルのスタイルを作るのが流行っていたのもあり、私も友達の力添えもありある程度頑張っていました。ヘッダーにカウンタ設置してたのとか懐かしいなあ・・・・
途中で大きな仕様変更があり、元のスタイルの一部は引き継げませんでした。愛車紹介は青系、ブログは赤系で作ってたんですけどね、全部一緒の色になっちゃいました。ボタンのパーツとかは当時のままです。
そしてバスのサイトをやり始めてからそちらでもHTMLとCSSを勉強してやりたい事を何とか形にしてきました。ひとつの完成形と言えるものを作り上げてからは下層にあるコンテンツのスタイルをブラッシュアップする事に注力して、大枠は変えずにきました。
しかし、時代が変わるとHTMLもCSSも変わります。そして、何と言っても閲覧する端末が変わりました。設立当初はPCがメインだったものが、現在ではスマホがメインになりつつあります。私もスマホで見るんですが、PC専用のスタイルのため文字も画像も小さくて見づらいんですよねorz
いま主流なのは「レスポンシブ対応」。端末のディスプレイサイズや、ブラウザの表示サイズに合わせて能動的に表示が変化するというものです。一昔前ならスマホはスマホ用のデータ、PCはPC用のデータと、2種類用意するものでした。私のサイトのようにページ数が多いと管理が大変過ぎるので対応していなかった、というのが本音です。
今のレスポンシブ対応というのは、HTMLデータは1つでCSSの中に対応方法を記載するという簡単なもので、javascriptを使わなくても複雑な動きが可能な部分が多くなった、という事でしょうか(よく分かってませんw
こうなるとやりたい事はまだまだ浮かんできます。でも、調べてもまだ答えに辿り着いていない状態です。頑張って勉強して、必ず実現したいです。
ただ、それはベースとなるデータがレスポンシブ対応になっている事が前提のもので、今回はそのリニューアルを大半のサムネイルページで実行しました。あとはメインではないコンテンツとアルピコの一部の引退車ぐらいです。
PCではブラウザの幅に合わせて最大8台ぐらい、スマホだと縦の時に2台、横にすると3台が1列に表示されるように変化します。こんな事でも正直感動しました。今までの私の知識では絶対出来なかったので。向こう10年ぐらいはこの仕様のままで戦えるサイトにブラシュアップ出来たかなと自負しています♪
Posted at 2021/03/27 23:40:56 | |
トラックバック(0) |
パソ | 日記