年末ですね。 忙しいですね。
年始にいろいろと忘れないように、メモしまくっているマサヨシです。※メモをなくさないようしないと。。。
さて、ボクはコーディング作業にはgulpを使っています。
autoprefixer、css-mqpackerなど、CSSをコンパイルするのに便利なので使っています。
autoprefixer //prefixを自動で付けてくれる
css-mqpacker //mediaqueryなどまとめてくれたりする
これらを使っててちょっと不具合が起こりました。
昔の名残でPCをベースにCSSをかいて、そこからブレイクポイントを付けていくので、PC->Tablet->SPの順で付けていってました。
css-mqpackerを使うまでは特に支障がなかったのですが、media queryをまとめてくれるという、ありがたい機能が仇となり PC->SP->Tabletの順番に書き換わってしまう！
なんでだーーー
気がつくまで、ムダな時間を少し過ごしました。
順番が変わってしまったことで小さい方を優先され、タブレットの記載が全く無効化されてしまっていたってことが判明という、すごくダサいミスを犯しておりました。
そこで、改めて、考えたスマホベースで書くほうが簡単なんじゃない？と・・・（今更感）
そして、次に気になったのはブレイクポイント！
前に、設定してから、随分と気がたったなぁってことで再考。
過去半年分を調べてみました。（１年を調べようとしたけど、途中でとまってしまた）
1920×1080、1366×768、2560×1440の順に多いみたいですね。
少し前に比べたら「2560×1440」27インチモニタが随分増えたようですね。
iMacが増えたのかな？
ただし、これはモニターサイズであるということで、ブラウザを最大で見ているわけではないということ
768×1024、1280×800、600×960の順ですが768×1024のiPadが圧倒的ですね。
これはすごすぎですね。
375×667、320×567、360×640、414×736、1080×1920、720×1280の順になっていますね。
iPhone6/7が一番多く、iPhone5/5s/SEが次点、その次にアンドロイド端末のようですね。
414がiPhone6+/7+で1080、720がアンドロイドですね。
600pxと960pxと1200px
600pxはスマホとタブレットの
960pxはタブレットとデスクトップ（ラップトップも含む）の
1200pxはラップトップとデスクトップの
各境目になります。
1200pxに関しては、無しもあり・・・デザインによりけりですね。
今回は、派生からブレイクポイントに関してを考えてみたのですが、じっくり考えると結構なやむところですね。
もっと、こうするべきでは？みたいなのがありましたら、ご指導いただければと思います。
日々進化するこの業界は、勉強勉強の毎日ですね。
それでは、みなさま、よいお年を！！！！
0
CD音源と音楽配信サブスクの音質の違いとは
0
晩夏の京都で革新的なアートを鑑賞してきました
0
単純に仕事をタスクとして処理するだけでは成果もなにもありゃしないって話。
0
BILL ITUNES COMから心当たりのない1,440円の請求があったので登録解除の仕方を説明。
0
日本一長い吊り橋でおなじみ、十津川村にある谷瀬の吊り橋へ行ってきた。
0
観光客で賑わう大阪という地をコンテンツという目線で考察してみる。ダサい街づくりがキーワードなのかも知れない。
0
台風21号が残していった爪痕
0
だんじり祭り間近の岸和田を尋ねる
0
ブログで収益を得るのは簡単な事なのか
0
Amazonのカスタマーレビューを書く理由って何なのだろう。
155
大阪天王寺七坂めぐり。歴史を感じるパワースポット！ご利益あります街歩き。
130
CD音源と音楽配信サブスクの音質の違いとは
114
なぜ、鳩は歩く時に首を振るのか。その謎を調べてみたら意外だった。
70
プランターの土の処分に困った。自治体がリサイクル方法を教えてくれた。
66
オオカミは人を襲わない。人を襲うようになったのは人の性
63
樹氷を見に真冬の金剛山へ。軽アイゼンで気軽に雪山登山
62
Bootstrapでチェックボックスを横並びにして最後にテキストボックスをつける
61
BILL ITUNES COMから心当たりのない1,440円の請求があったので登録解除の仕方を説明。
60
100均セリアで買ったスマホスタンド、車中で便利に使えるのはこれだ。
59
日本は本当に平和な国。歴史を振り返ると200年以上も平和が続いた時期が2度もあった
