榊原良子オフィシャルブログ Powered by Ameba 榊原良子オフィシャルブログ Powered by Ameba ムック「後藤喜一×ぴあ」を読んでくださった方々がたくさんいらっしゃいました。 コロナ禍の大変な時期に、多くの方にご散財をかけてしまいました。 ごめんなさい。 そして、ほんとうにありがとうございます。 大林隆介さんも私も、宣材用の写真を掲載させていただきましたが、 宣材用写真はどうしても固い感じになってしまいますよね。 因みに私は、写真を撮られるのが大の苦手！ 笑顔がいつもこわばってしまいます。 あの真っ黒なレンズで見られていると、 スタンリー・キューブリックの「２００１年宇宙の旅」に出てくる 人工知能“HAL”を思い出してしまって、 どうしても防御態勢に入ってしまいます。怖い…。 友人たちとのプライベート写真の時の私は、 いつもお茶らけた変顔で写っています。 私のこと

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

2020.07.18 2020.12.05 IEでも使いたい！polyfillを使えばIE11でも使える便利CSS 4選 + 1 CSS JavaScript

前回の記事に続き、IE11でのflexbox関連のバグについてのメモです。たくさんあるflexbox関連のバグ ですが、自分なりに1つ1つ整理していこうと思います。 今回はbox-sizing: border-box;関連のflexboxのバグです。ぱっと見では気付きにくい可能性があるので注意が必要なバグです。 バグの詳細 IE11ではbox-sizing: border-box;が指定されていても、flex-basisに指定した値がbox-sizing: content-box;をベースに計算されてしまいます。そのため、flexアイテムにborderやpaddingが指定されていると想定通りのレイアウトになりません。 対処法1 当該のflexアイテムにmax-widthを指定する。 flex: 1 1 75%; max-width: 75%; padding: 0 4rem 0 0; 対

先日遭遇したIE11のflexbox関連のバグをメモっておきます。周知のバグだと思いますが、自分で書くと脳に定着しそうだしw バグの詳細 以下のように、flexショートハンド・プロパティのflex-basisにcalcを使って値を記述すると、IE11で機能しないため無視されてしまいます（IE10も同様）。 flex: 1 1 calc(25% - 1rem); 対処法 IE11の場合は、以下のようにflexプロパティをロングハンドで記述すればなおります。 flex-grow: 1; flex-shrink: 1; flex-basis: calc(25% - 1rem); IE10に対応したい場合、flex-basisをautoにしてwidthでcalcを使うと良いらしいです（すみません、テストしてません）。 メモ Edgeでも同様のバグがあったそうですが修正されています。 MS Edge

株式会社ソニー・インタラクティブエンタテインメント（以下、SIE）より SIE製nasne®（2019年 販売終了）のアフターサービスの受付終了と、一部環境下での機能の終了が発表されました。 バッファロー製nasne®（NS-N100）は販売を継続し、これまで通りご利用いただけます。 詳しくはこちら