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
Linux Mint 20.x: インストール後やっておくべき 32 選 | 221B Baker Street
一定期間更新がないため広告を表示しています
hr要素のデザインサンプル 12 - NxWorld
hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！ | OpenWeb
ここ数日、Firefox OSがにわかに盛り上がってまいりました。 2013年1月21日に開催した「第35回 HTML5とか勉強会（テーマ:『Web+OS最前線！』）」では、浅井智也さんのプレゼンテーションが大好評だっただけではなく、サプライズゲストとして登場した田中社長がFirefox OS搭載端末について言及しました。 そして本日、ついに開発者向けの実機もリリースされるというニュースが世界中を駆け巡りました。 そんなFirefox OS、昨年の味見部で触ってからずっと気にはなっていたのですが、いよいよ勢いも出てきたということで、ちょっと調べて見ることにしました。 とは言えぼくは、インストール可能な実機を持っているわけではないので、Firefox OSシミュレータを用いて、全部デスクトップで試してみます。 Firefox OSアプリの基礎知識 Firefox OSアプリ開発に必要なスキル
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
簡単なjQueryコードでリストメニューにフィルタリング機能を加える
縦長になってしまったリストメニューは非常に 見にくく、使いづらいものです。ECサイトなんか でも頻繁に見かける光景ですが、カテゴリで 分けてもそれはそれで探しにくくなってしまった りと、あっちたてればこっち立たずみたいな経験 は無いでしょうか？あ、無いですか・・ そんな縦長のリストメニューの使いにくさを解消する一つの手としてフィルタリング機能があります。フィルタリングは簡単なjQueryのコードで実現することが可能です。 デモ縦長のメニューです。テキスト入力でフィルタリングできます。 北海道（ほっかいどう）青森県（あおもり）岩手県（いわて）宮城県（みやぎ）秋田県（あきた）山形県（やまがた）福島県（ふくしま）茨城県（いばらき）栃木県（とちぎ）群馬県（ぐんま）埼玉県（さいたま）千葉県（ちば）東京都（とうきょう）神奈川県（かながわ）新潟県（にいがた）富山県（とやま）石川県（いしかわ）福井県（ふく
FirePHP - Devtools Extension for PHP Development
FirePHP Cross-Browser Devtools Extension for PHP Development Supported Browsers Mozilla Firefox (>= 56.0.2) Install Extension & open Developer Tools. Click on Google Chrome (>= 75) Install Extension & open Developer Tools. Click on Brave (>= 0.64) Install Extension & open Developer Tools. Click on The extension can also be installed locally from source. Supported Protocols FirePHP (Wildfire base
Hide Caption Titlebar Plus ⁴ – Get this Extension for 🦊 Firefox (ja)
There is already Version 4.1.1 !! , just go "See all versions" :-) It can be used with Firefox Quantum Developer Edition 57-b14 thru Fx Quantum 60 Dev.Ed.!, by turning to true the preference: "extensions.legacy.enabled" (And this is working also at beta state for up to Fx 63 nightly !!) Please notice! I'm putting more info & other future alternatives for this addon in the [Support Site], thanks! *
Personal Titlebar – Get this Extension for 🦊 Firefox (ja)
Main Features + Allow customize each Menu Bar Menu's display from Customize Toolbar panel. + New [Titlebar Text] Toolbar Item in Customize Toolbar panel. + Press [F10] toggle Menu Bar Menus display. Usage Tips Right-click on any Toolbar, choose "Customize...", drag your favorite items drop on Menu Bar, click "Done". about:config extensions.personaltitlebar.titletext.align = [ 0 | 1 | 2 ] extension
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
Page Speed Home
Getting started Download Page Speed. Run Page Speed against your web pages. Read about the Page Speed performance best practices. What is Page Speed? Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. How does Page Speed work? Page Speed performs several
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
Firefox 4をインストールしたらまず行う設定 : audiofan.net blog
ついにFirefox 4が登場。最近はChromeにしてしまおうかとも思ったりしてたけど、改めて見直すことにしよう。 基本的には3.5のときの延長線上だけど、最近はあまり細かく設定してないので、シンプルに。 Firefoxボタン→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Cookieを有効にするが、保存期間はFirefoxを閉じるまで Firefoxボタン→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン（標準設定） Firefoxボタン→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン（標準設定） Firefoxボタン→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで Cookieを有効にしていないといろいろと不便になるサイトはよくあるので、有効にして
Firefox使ってる奴集合 : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/03/23(水) 21:32:00.13ID:s21YhGQ00 Firefox4にしたか？ http://mozilla.jp/firefox/ Firefox4で動作しないアドオンを動作させる方法 http://gigazine.net/news/20110323_firefox4_uncompatible/ 2：以下、名無しにかわりましてVIPがお送りします：2011/03/23(水) 21:32:13.75ID:ZJJu/KjZ0 早くなっててワロタ 3：以下、名無しにかわりましてVIPがお送りします：2011/03/23(水) 21:33:06.22ID:HuiTaJz40 fox4にしたら重くすぎてワロタ 6：以下、名無しにかわりましてVIPがお送りします：2011/03/23(水) 21:33:37.44ID:s2
【レビュー】動画サイトでラクラクダウンロード - Firefoxのアドオン「Video DownloadHelper」 (1) 「Video DownloadHelper」の概要とインストール | パソコン | マイコミジャーナル
ニコニコ動画やYouTubeに代表される動画サイトを利用している人も多いであろう。Video DownloadHelperは、そんな人にとても便利な機能を提供してくれるアドオンである。 本稿では、Firefoxのアドオンのインストールを行っておりますが、ソフトウェアの利用はすべて使用者の責任においてご利用ください。 Video DownloadHelperのインストール まずはインストールである。アドオンのWebサイトから、[インストール]ボタンをクリックしよう(図1)。 図1 Video DownloadHelperのインストール 途中、インストールの許可の確認がでるが、[今すぐインストール]を選択する。ダウンロードが終わり、インストールを完了させるためには、図2のように再起動が促される。 図2 インストールすると再起動を促される 再起動をすると、Video DownloadHelpe
illimitux.net - Domain Name For Sale | Dan.com
NewsLearn more about the company, PR and product updates here.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sakurachiro.com
FireLogger :: Versions :: Add-ons for Firefox
https://www.splashnology.com/blog/firefox/1001.html