ミニチュアハウスをつくる!

ミニチュアハウス製作やプログラミングのことなど。。。

html/css。。。

本日も天気よし。明日から雨模様になるらしい。

今日は7日で日曜、明日は世間では休み。。。

いつものように、世間的曜日など私には関係なしで、フツーの日。

ミニチュアハウスのHPをぼちぼち

ホントは、前年中には出来ていたHPなのだが、インフルや仕事などで全然手付かずだったミニチュアハウスのHP。。。

本日早速Emacsを起動して、自分専用に作ったhtml/cssモードで製作開始。。。

HPはレスポンシブweb形式で作っている。昔ながらで、大きさをPC合わせかスマホ合わせのものならえらく簡単なのだがレスポンシブになると

いろいろメンドクサイ。。。っというか超メンドクサイ。

いろいろメンドクサイプログラムを書き込んでスマホ状態とPCやタブレットで表示をガラ~~っと変えてみた。

最近よくあるWIXとかjimdoとかそういったものでやれば、結構楽に作れるようだけど。。

テンプレートでうんぬん形式なのでhtml/css/JSなどがわからない人向けでとりあえずできちゃう形式だな。。。少しくらいは勉強も必要だろうけど。

自分的には、自分の思ったように作れないと面白くない。

テンプレ形式は見てるだけでもやる気が失せていく。自分流にゼロからでないと面白くない!

しっかし、レスポンシブはめんどくさいのぅ~~。

本日は、とりあえず大まかなところまででおしまいに。

f:id:lis2016zz:20180108082113p:plain

スマホ/タブレットの状態。。。ボタン名などまだ仮状態。

f:id:lis2016zz:20180108075906p:plain

PCで見たときの状態。。。PCでもモニターの大きさによって若干変わる感じにした。

 

 

ペンケム模型作品(Instagram)
PenkeM作品集

 

にほんブログ村 ハンドメイドブログ ミニチュアドールハウスへ にほんブログ村 鉄道ブログ 鉄道模型へ にほんブログ村 鉄道ブログ 鉄道模型 レイアウト製作(ストラクチャー)へ

-PenkeM Create Studio-