ホームページをリニューアルしました

2017年のお正月休みから、ずっとホームページをリニューアルしてきましたが、ようやく落ち着きました。たくさんの記事を１枚ずつのカードにし、そのカードをグループごとにまとめるデザインです。ヒントになったのは、娘と何度となく対戦してきたキッズゲームです。

リニューアルしたオオタキラジオのトップページと、キッズゲーム「DingDong」。（ 2017.07.08）

2017.07.08

ドイツの「DingDong」というキッズゲームです。３階建て、それぞれの階に４住戸、計12住戸のアパートです。ゲームの最初に、色々なキャラクターのカードを入れ、玄関ドアを閉めます。サイコロを振って、出た目のドアに開ける前に、その住人のキャラクターを言わないといけないのです。が、なかなか思い出せないのです... 。

---

「DingDong」のように上下左右に整列させる、「グリッドデザイン」です。左側のサイドバーは縦に１列、右側はカードが横に並びますが、１段あたりのカードは、閲覧する環境によって変化します。

パソコンのモニタでは４枚のカード、タブレットでは３枚のカード、スマホでは２枚のカードが並びます。

以前は、WindowsとMacのチェックだけでよかったのですが、現在では、パソコン・タブレット・スマホ、それぞれに合わせた「レスポンシブルデザイン」にする必要があり、そのためのチェックが必要になりました。

デザインは決まったものの、どのようにスタイルシートを記述すればいいのか、ずっと悩んでいましたが、ようやく解決できました。

https://anity.ootaki.info/9982/