2021年、CSSのクロスブラウザ対応の現状、SafariやFirefoxで起こる不具合の対応方法
2021年、CSSのクロスブラウザ対応の現状を紹介します。 Flexboxをはじめ、さまざまなCSSの魅力的な機能が主要ブラウザでサポートされ、CSSを書くことよりもデバッグして修正することの方が多いと嘆いたデベロッパーも減ってきたと思います。 しかし、いまだに修正が必要なCSSの問題点もあります。IEがなくなっても、SafariやFirefoxで起こる不具合の対応方法なども解説します。 The State of CSS Cross-Browser Development by Ahmad Shadeed 先日、MicrosoftからIE11サポート終了のお知らせがあり、ユーザーが世界規模のWordPressもIE11のサポートを終了します。これらの情報でIE11のサポート終了の流れは一気に加速しますね。 参考: Internet Explorer 11 デスクトップアプリは 2022年6
FirefoxからSSHでターミナル接続できるアドオン「FireSSH」 - 元RX-7乗りの適当な日々
最近、先日リリースされた「Firefox 4」を利用しているのですが、このFirefox4以降で利用できるアドオンで、Firefox(ブラウザ)から、サーバ等に"SSH"によってターミナル接続できる「FireSSH」が利用できます。 FirefoxそのものからSSHによるターミナル接続が利用できるので、新しいタブをそのままターミナルとして利用することでWebブラウザとシームレスに利用できたり、接続情報を記憶させておくことも可能です。このように簡易なターミナルとして、FireSSHは十分に利用できると思います。 インストール 「FireSSH」はFirefox 4.0以降で利用可能なので、まだアップデートしていない場合は4.0以降へのバージョンアップが必要です。 以下のFirefoxのアドオンページにアクセスし、「FireSSH」をインストールしてください。 https://addons.m
Firefox 4をインストールしたらまず行う設定 : audiofan.net blog
ついにFirefox 4が登場。最近はChromeにしてしまおうかとも思ったりしてたけど、改めて見直すことにしよう。 基本的には3.5のときの延長線上だけど、最近はあまり細かく設定してないので、シンプルに。 Firefoxボタン→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Cookieを有効にするが、保存期間はFirefoxを閉じるまで Firefoxボタン→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン（標準設定） Firefoxボタン→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン（標準設定） Firefoxボタン→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで Cookieを有効にしていないといろいろと不便になるサイトはよくあるので、有効にして
2/3 CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About
発展編：四隅の角丸サイズを個別に指定する書き方 次に、特定の角だけに限定して丸くしたり、角によって丸くする半径を変えたりする書き方をご紹介いたします。この方法を使えば、ボックスの上側だけ(＝左上の角と右上の角だけ)を丸くすることで、タブのように見せる装飾も簡単に作れます。 【四隅の角丸を個別に指定する書き方：このページの目次】 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 ボックスの上だけ(右上の角と左上の角)を丸くしてタブを作る方法 ボックスの対角だけを丸くするデザインを作る方法 1. 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 四隅(左上・右上・左下・右下)の角丸半径を個別に指定するプロパティとして、以下に記した4つのプロパティがあります。 border-top-left-radius: 10px; /* 左上 */ b
![2/3 CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ade00e284c27a0b48ae92f68e130823e9fb38672/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F0%2F4%2F201806201248%2Ftopimg_original.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
