IE11でflexboxの縦幅がおかしい時はflexプロパティの書き方が原因かもしれない
https://xov.jp/e/365/
✕ flex-grow:3;
◎ flex:3 0 auto;
もう記憶の彼方に忘れさられてたで・・・
タグ: IEさんへ
カテゴリー
めも(tab退避)
IEさんめ
Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法 – LoudAndProudパーソナル
【スライス不要】Photoshop「画像アセット生成」の基本とつまずきがちな5つのコト | 東京上野のWeb制作会社LIG
https://liginc.co.jp/225512#sec3-5
独自SSLいろいろきかれた時用メモ
無料SSLサーバー証明書 Let’s Encrypt – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/freessl.html
独自SSL[IPアドレスベース／SNI SSL(ネームベース)] – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/original-ssl/
【独自SSL】導入の流れ・設定手順 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/206054802?_ga=2.19963640.1159618661.1548152255-337862200.1547803612
無料SSL(Let’s Encrypt) – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/sections/115000024802-%E7%84%A1%E6%96%99SSL-Let-s-Encrypt-
【無料SSL】サーバコントロールパネルからの導入手順 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000136822–%E7%84%A1%E6%96%99SSL-%E3%82%B5%E3%83%BC%E3%83%90%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%91%E3%83%8D%E3%83%AB%E3%81%8B%E3%82%89%E3%81%AE%E5%B0%8E%E5%85%A5%E6%89%8B%E9%A0%86
お問い合わせ – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000161182
Googleカレンダー関連
API とサービス – Google API コンソール
https://console.developers.google.com/apis/library/calendar-json.googleapis.com?id=84f291c9-2585-4af1-a78b-09c53a78202f
Colors | Calendar API | Google Developers
https://developers.google.com/calendar/v3/reference/colors?hl=ja
その他
Dropboxを使ってfilezillaの設定を複数のMacで共有する方法 | パズ部
https://puzz.jp/mac/244
OGPのprefixは「og: http://ogp.me/ns#」だけで良いんじゃねぇの？的な | 七色七音
https://nanairo.jyn.jp/phantom/2018/08-27
OGPで本当に必要なメタタグは? – Qiita
https://qiita.com/sutara79/items/d7a45f6c4796c1ee1590
keyframe内でwidthにcalc使ってたら死ぬぞ！
IE１１もedgeももれなくだ！！
IE10 / IE11で複数設定したCSS3のアニメーションが動かなかったときのはなし | 尼崎市でWEB制作してます［s-oyama.me］
こういうのもあるらしい
mediaquery内でkeyframeを定義しちゃダメ
↓
IE11のバグまとめ
https://qiita.com/sawadays0118/items/bd0731878e9eb49c03f5
bodymovinのsvg突っ込んだら久しぶりにIEさんの制御不能に出くわすなど。
height:autoナシでwidthだけCSSで指定したら治った
IEでSVGタグを使った時にheight:autoが効かない | ふたえごのWEBテクニックブログ
https://www.futaego.com/2017/ie%E3%81%A7svg%E3%82%BF%E3%82%B0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E6%99%82%E3%81%ABheightauto%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84/
css hacks for IE11 ( & Edge ) – Qiita
https://qiita.com/feo52/items/932f57f9760d2b743d39
IEにも対応したレスポンシブSVGの作り方 | たんしおどっとねっと
https://tanshio.net/responsive-svg
レスポンシブSVGをインラインで配置するとき、IEとandroidが高さを計算しないのに対応する -『CSS』 – webmanab.html／ウェブまなぶ
https://webmanab-html.com/tip/svg-height/
IE11で
perspectiveが効かない
perspectiveの値があると画像がその分小さくなる
Edgeで
perspectiveと固定ヘッダを使うとスクロールでカクつく
さっきまでIE6が〜って泣いてたのにもうIE8,9切れっていうの？ねぇ？じゃあうちら頑張ってIE6,7なしでってやってきたのに無駄なの？なになになんなの？？頭おかしいの？って一部の方に思われるかもしれませんが、違います。違うんです。聞いてください。
よっこいしょ…。
IE8っていうのもこれからの実装を考えると大きな壁でねぇ。（IE9も）
・まずcss3のtransform,transitionが使えない
・まずcss3のmediaqueriesが使えない
今日はその話をしておくかねぇ。（おとぎ話するときの目）
まずcss3のtransform,transitionが使えない
これがつかえたら簡単なアニメーションはjs使わずに軽量にさくっとつけられるケースも有るんですね。
でもIE8さんはまったく対応していないのですよ。はい
■can i use transform
http://caniuse.com/transforms2d
IE9さんも積み残し。
■can i use transitions
http://caniuse.com/css-transitions
■transform、transitionsの簡単なさんぷる
そしてcss3のmediaqueriesが使えない
■can i use mediaqueries
http://caniuse.com/css-mediaqueries
みんなダイスキなレスポンシブ・ウェブデデインヌ
だがしかしIE8さんは対応していない。
そして、便利js読み込んでcssを切り替えるように設定し、
アニメーションする場所のjsは
IE9以下の場合、IE8以下の場合、それ以外、とかって
条件分岐で切り分けるってのを各パーツでやる様になるわけです。
（さらにスマホも1ソースならandroidの場合、時にはiOS5の場合とかどんどん増えていきますね。素敵。）
だから読み込むjs増える。手間も増える。工数増える。俺。おもう。
そろそろIE8,9対応もやめさせくれるとうれしいなーって
なんでこんなこと書くかというと下記に触発されたから。
http://qiita.com/w7tree/items/08334fbfaa24e9a8b0fb
今は昔、iPhoneが発売された当初はもう、iPhone対応ってなんて楽しい作業だろうと思いましたよ。
当時はブラウザ単一、バージョン差異なしでcss3使えるっていうレジェンドでしたからね。
それがいまやAndroidというアニメーション見るとゴネる端末が大挙して加わり、端末ごとに自分勝手な判断しやがるし、iPhoneも端末やOSの差異が生まれたこともあり血ヘドをはいて有効な文献を探すがそんなものはなく同じ目にあった方のありがたいブログをよみあさ(ry
とにかく、素敵なことをしようと思っても立ちふさがるのは常にoldIEであり、
IE6がなくなったから完全に世界が平和になってライオンの横にすわって笑えるわけではなく
新しい技術を入れながら古いものに対応することは常に足かせになるわけですよ。（遠い目）
なんだかしんみりしちまったナ。きょうはこれくらいでドロンするよ。
IEさん、いつも文句ばっかいってごめんね。
でももうちょっと早くみんなに追いついて欲しかったんだ。
じゃぁね。。。
タスクバーにあるばあいは最大化したらでてくるよっと。
前も調べて別のブログ貼った気がするなー。記事出てこんけど。整理せなな。
http://blog.glatts.com/blog/imai/?p=557