デベロッパーツール

HPのスマホ用ページを編集したの。

ハンバーガーメニュー持て余していたので。

.

移動時間にスマホ用ページのデザイン集を見つつ

スプリングボードメニューが見やすそうだなあとおもい

下記ページを参考にしつつ作りました。

https://gardenplace.jp/

(実際にはリンクを並べる形なのだけれども)

.

まずデベロッパーツールの使い方を調べるのに1時間。

基本的な使い方ふわっと分かっていたので

とりあえず欲しい場所のHTMLタグから

対応しているStyleを

自分のHPの既存内容と喧嘩しないようにコピペして

ひたすら貼り付ける作業に2時間。

計3時間かけて

上画像から下画像に編集しなおしました。

.

高校生のころ、毎日

「今日はこのHTMLタグで遊ぼう」

ってノリでWeb編集していたけれども

当時はデベロッパーツールとかなかったの。

改めて、これめちゃ便利だね。

PCでF12押すだけで参考にできるの強い。

.

静岡に帰省しました。

1泊2日なの。

従兄弟が大学で材料系と機械系について学んでいると知り

Linuxやラズパイ周辺のことなど

いろいろと話せたので楽しかった。

コメントを残す