【プログラミング・Web制作勉強ログ#30】4/5の積み上げ成果

※当サイトではアフィリエイト広告を利用している場合があります

今日の積み上げ 116日目 成果

累計勉強時間(2022/3/7~):139時間23分
3月:118時間13分
4月:21時間10分

\宣言した内容はこちらです/

本日の学び

img srcset (ソースセット属性)を初めて知る。。
 ⇒ イメージファイルのセットを書き込める属性。ここでは、1倍と2倍の画像を書き出し、デバイスによって適当な画像を表示させるようにした。

こんなかんじです↓

        <div class="img_pc">
            <img srcset="images/FV/FV@2x.jpg 2x, images/FV/FV.jpg 1x" alt="top_image_pc">
        </div>


画像の可変は無限にしない方がいい
 ⇒ ある程度のサイズより大きいサイズで表示する際に画像が大きく表示され、レイアウトが崩れないようにする。
 ⇒ 基本的に、コンテンツ幅を指定することで解決。

・MacbookとWindowsの環境による「ズレ」が結構多い。
 ⇒ メンターさん(Mac)と私(Windows)でパーフェクトピクセルの大幅なズレが多数発生。パーフェストピクセル以外でも、いろんな方面での「ズレ」が多い。
 ⇒ 私もMacbook買います。どうせ必要なものですし・・・

本日の反省

・タスク洗い出しで「息子をお布団で寝かせるようにする」と決めてから、あっさりお布団でお昼寝できるようになりました・・・!やはり、望んでいることをアウトプットして、それに基づいて行動することは本当に大事。

今日もお疲れ様でした!

Twitterでも勉強ログを呟いています。よかったら覗いてみてください♪

この記事が気に入ったら
いいね または フォローしてね!

If you like it, share it!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次