初心者🔰のWebデザイン独学記録🐣✏️

その日の気づき・疑問点・進捗📝

#Day36 またフルスクリーンの壁にぶち当たる😭

#Day36

 

課題⑤のフルスクリーン、次こそ!と思い取り掛かるも1時間以上かけてできない😵‍💫

 

そもそもデベロッパーツールでスマホ版表示させてるはずなのに実際のスマホ版と違う・・?

スマホ版表示にしてるのに・・?

実際のスマホから見たページ

実際は店舗情報とか縦になっているのに、デベロッパーツールで表示させてもそうなってない。なんで?😂

 

PC版はgyazoのページ全体キャプチャ、からの大きいファイルプラグイン!のやり方でfigmaに移せた。。

 

PC版

safariからフルスクリーンの方法なども調べて、試したりしていて時間が過ぎた。笑

Macでページ全体をスクロールしながらスクリーンショットする方法|りんごはっく

 

Safariでスマホページを確認する方法 | Tamoc

 

safariからスマホ盤表示(これも実際の画面と違う〜😭)

もう一度落ち着いてからやってみることにする。

 

-------------------

 

前回までのFBで出てきた今後使いそうな単語メモ📝

 

・ホバーアクション:マウスカーソルを合わせた時に色が変化したりしてボタンとわかりやすいようなアニメーション。動き。

Adobe XDを使ったWEBデザインホバーアクションの作成例|名古屋のホームページ制作、WEB集客|株式会社オンカ

 

・画角:画像(写真)などの、映っている範囲、角度。

PC,SPそれぞれに合わせると写真などの画角が変わるぽい

だからスマホだと同じ画像でも切れたりする

Webデザインの最適なサイズとは?5つの注意点やアートボードも解説 - WEBCAMP MEDIA

 

SEO:検索エンジン最適化。よく聞く言葉。要は検索エンジンのトップに出ること。

【2023年最新】SEOとは?上位表示を目指す具体的なSEO対策ポイント