Search and analytics, data ingestion, and visualization – all at your fingertips.
Firefox 49では、既存のコンテンツとの互換性を高めるため、-webkit-のベンダープレフィックス(以下「webkit接頭辞」)がついたCSSプロパティや属性を多数サポートしている。layout.css.prefixes.webkitが初期設定で有効化される(Bug 1259345)ことによるもので、ベータ版リリースノートには掲載されていないが、Chrome・Safariを基準に作成されたコンテンツの表示精度が向上するため、一般ユーザーにとっても重要な変更といえるだろう。 サポート対象となる具体的なプロパティや属性については、MDNのFirefox 49 for developersにまとめられている*1。が、初期設定で無効のものが混じっているなど若干煩雑なので、改めて整理しつつ列挙しておこう。 -webkit接頭辞がついていても動作するプロパティ -webkit-align-it
Mozillaの新型高速ブラウザエンジン「Servo」、初めてのデベロッパープレビューが公開。Rust言語で開発中 Servoは、Rust言語で開発されているブラウザエンジン。HTMLのパース、レンダリング、画像処理、レイアウトといった処理を独立して並列的に実行するなどにより、最近のプロセッサの特長であるマルチコア、SIMD命令、GPUなどを活用し、高速なWebブラウジングを実現しようとしています。 Rust言語もServoのこのコンセプトを支えるための言語といえます。RustもMozillaが開発しており、C言語と同様にOSやデバイスドライバなどのシステム処理の記述に適し、コンパクトなランタイムで高速に実行できる一方で、不正なメモリ操作による障害を起こさないようメモリセーフな言語として設計されています。 しかもマルチスレッドで実行されてもスレッド間でデータ競合などを起こさないスレッドセー
デスクトップ向けのブラウザシェアは現在、Google Chromeが過半数を占め、さらにじわじわとその勢力を拡大中ですが、その後方の2位争いで、かつてしのぎを削ったライバルのInternet ExplorerにFirefoxが追いつき、そして追い越したことが明らかになりました。 Firefox edges out Microsoft globally for first time in browser wars | StatCounter Global Stats http://gs.statcounter.com/press/firefox-browser-edges-out-microsoft-globally-for-first-time Firefox tops Microsoft browser market share for first time | Ars Technica
今まで出来なかったこと、かなり複雑なコードでスクリプトを併用しないと実装できなかったことをシンプルなHTMLとCSSで実装するFlexboxのテクニックを紹介します。 Solved by Flexbox Solved by Flexbox -GitHub 各コードの対応ブラウザは、Flexboxを使用しているため下記の通りです。 Chrome 21+ Opera 12.1+ Firefox 22+ Safari 6.1+ IE 10+ コードのライセンスはMITライセンスです。 「clearfix」「overflow: hidden」から卒業 高さが分からないフッタを常に最下部に表示 高さが分からない要素を天地左右の中央に配置 レスポンシブ対応の3カラムをシンプルなコードで実装 Flexboxを使った柔軟なグリッド 入力フィールドとボタンの高さを揃えて、くっつけて配置 「clearfix」
Fast and Private Web Browser Get privacy out of the box with Waterfox. Download No More Spying Waterfox comes with built in tracking protection by default. Waterfox also offers Oblivious DNS, which makes it harder for your ISP to track your website connections, keeping what you do online private. Private Tabs with Private Search You can launch a private tab to browse privately and anonymously anyw
ウェブアプリケーションの オフライン対応 を可能にする HTML5 の Application Cache API (AppCache) が廃止予定と見なされ、将来的に Firefox から削除されることとなりました。ウェブ開発者の皆さんには、代替策として Service Worker を学ぶことをお勧めします。それによって、よりリッチでシームレスなオフラインユーザー体験を近いうちに提供できるようになります。この新しい API は、まだすべての機能が実装されているわけではありませんが、既に Firefox Developer Edition でテスト可能となっています。なお、Service Worker が登録されている場合、AppCache は無視されます。 更新: Service Worker API は Firefox 44 で正式公開となり、Beta、Release 両チャンネルで
Mozilla has ended support for Mozilla Hubs on May 31st, 2024. You can no longer subscribe to Hubs, use the demo server, or create Hubs Cloud instances. Current customers will no longer be billed, and any remaining days in the month will be credited back to your original payment method. Please refer to the email “Hubs Shutdown Information” sent to customers for any questions regarding your subscrip
Firefox の最新版、Firefox 27 が正式リリースされ、自動更新も提供開始されました。 CSS 関連では、all プロパティと unset 値に対応し、CSS のリセットが簡単に行えるようになった他、cursor プロパティ用の -moz-grab、-moz-grabbing 接頭辞が外れました。ベンダプレフィックスなしで使用できます。 Firefox 27.0 リリースノート Firefox 27 サイト互換性情報 Firefox 27 for developers all: unset で何ができるか 仕様的には下記にあります。 3.1 Resetting All Properties: the all property : CSS Cascading and Inheritance Level 3 The all property is a shorthand that
The Canvas Debugger is a new tool we’ll be demoing at the Game Developers Conference in San Francisco. It’s a tool for debugging animation frames rendered on a Canvas element. Whether you’re creating a visualization, animation or debugging a game, this tool will help you understand and optimize your animation loop. It will let you debug either a WebGL or 2D Canvas context. You can debug an animati
掲載当初、「Firefox、プラグイン廃止へ」というタイトルの下、「プラグインを削除する方向で作業を進めている」と記述しておりましたが、誤りであったため修正いたしました。ご迷惑をおかけした読者の皆様ならびに関係各位に深くお詫び申し上げます。 Mozillaは「Mozilla Security Blog - Update on Plugin Activation」において、セキュリティ強化を目的として、Firefoxのプラグイン(メディアの再生などで必要になるソフトウェアの追加機能)不使用を強化する方向で作業を進めていることを伝えた。 Firefoxでは以前から対応を進めており、現在のバージョンではプラグインはデフォルトで無効。プラグインの使用が必要になるページを開くとプラグインを有効にするかどうかをたずねる「click-to-play」という機能が動作する仕組みになっている。記事ではWeb
qSnap Chrome、FF、IE等クロスブラウザで使えるブラウザキャプチャツール「qSnap」 単に画面をキャプチャするだけではなくキャプチャした画像にテキストを入れたり切り抜いたり編集した後に、サイト上にシェアしたりローカルに保存できるというもの。 サイト制作の共同制作ツールとして活用できそうです。 関連エントリ PHP,Ruby,Node.js等のサーバサイドのデバッグをChrome上で行える「Chrome Logger」 あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」 WEBページ構成ファイル保存と同時にリロードできるChrome拡張「Tincr」 CSS3でChrome風ウィンドウを作成するチュートリアル
2. この資料について • JavaScript での開発を助けるツールの紹介 • 想定する読者 • これまで Firebug を利用して来た方 • JavaScript で開発をされて来た方 • デバッガを利用したことがある方 2
[読了時間: 2分] 米Adobe社が、Android版「Flash Player」の新規提供を2012年8月て終了してはや1年超。iOSではFlash Playerは提供されていないため、スマホやタブレットのウェブブラウザ上のFlashは事実上の非対応扱いだった。(過去のプラグインを使用するなどの方法はあるけれども) そんな中、「Shumway」という米Mozillaが支援するコミュニティ開発ベースのHTML5 Flash Playerが公開された。 「Shumway」はHTML5周辺の技術だけを使用して、SWFファイルをより忠実に再生させるというもの。 実際、「Shumway」のライブラリをページに埋め込んだサンプル (レーシング、デモ集)を走らせてみると、この程度の内容であればFLASHプラグインでの動作させた時との差は大きくは感じられなかった(PC上での比較)。が、やはり若干もたつ
暑さもやわらいできたような気配がしてきました。皆様いかがお過ごしでしょうか。 久しぶりのブログ更新です。UIT 富田です。 今回はCSSでのレイアウトをより柔軟にしてくれるflexboxについて解説します。 flexboxは大幅な仕様の変更が過去に2度もあり、各ブラウザとそのバージョンによって実装している仕様が異なるため、後方互換をきっちり対応しようとすると、gradientと並んで2大考えるのをやめたくなるプロパティとなっております。 しかしflexboxを利用することで、現時点ではCSSだけでの対応が難しかったり、複数のプロパティを複雑に組み合わせる必要があるレイアウト(例えば一番大きい高さに揃えた要素を横に並べたり、子要素を上下左右中央位置したりといったもの)が、容易に利用できるようになるという大きなメリットもあり、使えるならば使っていきたいプロパティでもあります。 にも関わらずf
Desktop NotificationsはAndroid+Google Chrome/Firefox用のソフトウェアです。 スマートフォンの通知機能は便利ですが、大きな欠点としてスマートフォンの画面を見ないと分からないというのがあります。歩いているときはまだしも、机に向かっている時に都度見るのは面倒です。そこで使ってみたいのがDesktop Notificationsです。 まずAndroidアプリをインストールします。アクセシビリティ設定でデスクトップ通知を有効にします。 この上から2番目の設定です。 設定で飛ばす内容を決められます。 次にGoogle Chrome機能拡張をインストールします。またはFirefoxアドオンでもOKです。 インストール確認です。 インストールされるとアドレスバーの横にアイコンが表示されます。 次に接続を行います。英数字と記号が並んだキーがあります。 この
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く