タグ別アーカイブ: IEさんへ

めも(tab退避)

IEさんめ

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法 – LoudAndProudパーソナル

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法

【スライス不要】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で共有する方法 | パズ部

Dropboxを使ってfilezillaの設定を複数のMacで共有する方法

OGPのprefixは「og: http://ogp.me/ns#」だけで良いんじゃねぇの?的な | 七色七音
https://nanairo.jyn.jp/phantom/2018/08-27

OGPで本当に必要なメタタグは? – Qiita
https://qiita.com/sutara79/items/d7a45f6c4796c1ee1590

IEばくはつしろ!animationでcalc使ってたら死ぬ

keyframe内でwidthにcalc使ってたら死ぬぞ!
IE11もedgeももれなくだ!!

IE10 / IE11で複数設定したCSS3のアニメーションが動かなかったときのはなし | 尼崎市でWEB制作してます[s-oyama.me]

IE10 / IE11で複数設定したCSS3のアニメーションが動かなかったときのはなし

こういうのもあるらしい
mediaquery内でkeyframeを定義しちゃダメ

IE11のバグまとめ
https://qiita.com/sawadays0118/items/bd0731878e9eb49c03f5

ひさしぶり svg IE11 高さauto バグる

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/

【IE】いんらいんSVG めんどくさい【爆発しろ】

IEにも対応したレスポンシブSVGの作り方 | たんしおどっとねっと

IEにも対応したレスポンシブSVGの作り方

レスポンシブSVGをインラインで配置するとき、IEとandroidが高さを計算しないのに対応する -『CSS』 – webmanab.html/ウェブまなぶ

レスポンシブSVGをインラインで配置するとき、IEとandroidが高さを計算しないのに対応する -『CSS』

IEさん、本当はそろそろIE8,9対応もやめさせくれるとうれしい

さっきまで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の簡単なさんぷる

Check out this Pen!

そして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さん、いつも文句ばっかいってごめんね。
でももうちょっと早くみんなに追いついて欲しかったんだ。
じゃぁね。。。