「Firefox 117」正式版リリース、CSSのネストに対応＆数式のレンダリングスタイルを指定可能に
ウェブブラウザ「Firefox 117」の正式版が公開されました。CSSのネストに対応したほか、開発者ツールの機能強化や数式関連のプロパティがCSSに追加されるなどの更新が行われています。 Firefox 117.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/117.0/releasenotes/ ◆開発者向けの変更点 ・CSSネストおよび「&」セレクターをサポート ChromeおよびSafariに続いてCSSのネストに対応しました。また、ネストしたCSSにおいて上位のルールと直接連結するためのセレクターである「&」についても同時にサポートしています。例えば、下記の通りネストしたコードを書いた場合を考えてみます。 .a { /* class="a"要素のスタイルを記述 */
ブラウザーをVivaldiに乗り換え。ChromiumベースでFirefoxのようにUIのCSSカスタマイズ可能 - AndroPlus
使っているCSS 一応私が使っているCSSを載せておきます。 ブックマークパネルの下にあるプレビューパネルを隠す ブックマークパネルの下にある、プレビュー・編集パネルは高さ調整できますが、再起動すると戻ってしまいます。スペースを取っている割にはタイトルやURLを詳しく見られるわけでもないので、消してしまいました。 消した後もアドレスバーのブックマークボタンなどで編集できます。 /* ブックマークパネルの下にあるプレビューパネルを隠す */ .panel-bookmarks-edit{ display: none !important; } ブックマークパネルのタイトルと + – ボタンを隠す ブックマークパネルの上部のタイトルと、新規作成・削除ボタンを消します。 /* ブックマークパネルのタイトルを隠す */ #panels > div.panel-group > div > div.pa
JavaScriptでネイティブアプリ開発、「Chromeless」新実験プロジェクト | エンタープライズ | マイコミジャーナル
Chromeless Browser Mozilla Labsは2007年、Webアプリケーションをデスクトップと融合させるプロジェクトPrismを発表した。Firefoxを構成している技術をベースにして特定のWebアプリケーションをあたかもネイティブアプリケーションのように振る舞わせることを目的としていた。Mozilla LabsはこのPrismプロジェクトを終了させると発表。代わりに、その後継プロジェクトとなるChromelessを開始した。 Chromelessの目的はPrismに近いところにあるが、この3年間の経験を加味してより一般的なアプローチを採用している。PrismはWebアプリケーションをデスクトップアプリケーションのように振る舞わせることに主眼が置かれていたが、ChromelessではHTML、JavaScript、CSSなどの技術を使ってネイティブ風アプリケーションを開
HTML、CSSのリファレンス集·CodeBurner MOONGIFT
CodeBurnerはFirefox/Adobe AIR/Mac OSX用のフリーウェア。Webデザイナー、プログラマーであれば開発中にリファレンスが見たくなることが多いはずだ。都度Webサイトを検索しても良いが、手軽に使えるリファレンスが手元にあると便利だ。 HTMLタグの検索 特にブラウザ間の誤差があるプロパティなのか否かといった情報は重要だ。そうした情報をつかんでおけばデザインが開発がスムーズになる。多様なプラットフォームに対応しているのがCodeBurnerだ。 CodeBurnerはHTML/CSSのリファレンスを多数のプラットフォームを使って提供している。FirefoxとFirebug向けをはじめ、Adobe AIR、OSX Dashboard、Operaが現在提供されており、今後Dreamweaver版が提供予定になっている。 ソースをクリックすると説明が出る 2ペインの画面
IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】 - Programming Magic
IE6では、selectタグはWindowsのコントロールを使用して表示されている。 そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。 特に困るのがz-indexで、JavaScriptでdivタグをドラッグで移動できるようにした場合、ページ内にselectタグがあると、selectタグだけがz-indexを無視して一番上に表示されてしまう。 selectタグがz-indexを無視するサンプル Opera9、Firefox2では正しく表示される。 IE7ではz-indexの扱いは正しくなっているが、borderやtext-alignは利かない。 このz-indexのバグはiframeタグを使って解決することができる。 iframeタグは、selectタグよりも高いz-indexが設定されていれば、selectタグよりも上に表示
半角文字列の折り返し 〜HTMLの半角英数字〜
通常、テキストは右端で折り返しされるはずですが、URL (URI) 等の連続する半角文字は一つの単語と扱われ、折り返さない場合が多い。また、折り返しの条件はブラウザ毎に異なります。 文字列折り返し ブラウザ別サンプル Firefox と IE6 (PNG画像) IE7 beta 2 日本語版 (PNG画像) Opera と Safari (PNG画像) テキスト。実際（現在）の表示 mozilla系以外のブラウザの多くは、URL (URI) 等の連続する半角文字でも、ハイフン「-」等の一部の半角記号を区切りと認識し折り返しするようです。 CSSのword-break:break-all;、word-break:keep-all;はIE独自の仕様なので、IE以外では通常通りの挙動。つまりCSSによる折り返しはされない。Safari,Operaのサンプルでは、半角文字が折り返しさ
CSSでグラデーションを実現する方法、主要ブラウザ全対応 | エンタープライズ | マイコミジャーナル
Robert’s talk Firefox 3.6 / Gecko 1.9.2のCSSにはグラデーション機能が実装されている。この機能を利用すると背景のみならず要素ごとにグラデーションをかけることが可能になり、画像を使うことなく手軽に美しいUIを実現することができる。 CSSグラデーションを使ってクールなボタンをつくる方法 Firefox 3.6でCSSグラデーションを使う方法 グラデーション実装はFirefox以外のブラウザでも実現されている。Operaはまだ正式サポートしていないが、近いうちにサポートが実現するとみられる。IEではIE 5.5のころからサポートしており、WebKitを採用しているChromeとSafariでもサポートされている。IE8から名前が変わっているが指定する内容は同じまま。 CSSグラデーションは便利な機能だが、現状ではIE、Firefox、WebKit (Ch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
