Windows版Firefox 3.7のUI変更は小幅、しかし4.0で全面リニューアルの予定 - Mozilla Flux
Firefox 3.5のアイコン改訂に携わったデザイナーのStephen Horlander氏いわく、現行のWindows版Firefoxのデザインにはいろいろ問題があるという。たとえば、Aero Glassへの対応は最小限にとどまっており、メインツールバーのアイコンには一貫性がなく、タイトルバーからコンテンツ表示領域までの幅が大きくて、その中にたくさんの要素がゴチャゴチャと並んでいる。 Horlander氏を中心に、FirefoxのUIデザイナーであるAlex Faaborg氏とAlexander Limi氏の両名が加わり、Windows版のUIを見直そうというのが、Firefox Sprintsの一環となるプロジェクト、『Windows Theme Revamp』だ。主要メンバーが集まっているだけでなく、Firefox Sprints自体、成果が出ればそのまま本体に取り込む位置づけなの
jQueryを使った開発に便利！Firebug + jQuery·FireQuery MOONGIFT
Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。 マウスを当てるとそのエレメントがハイライト表示される そう確信できるのがFireQueryを使った瞬間だ。この二つの融合は、JavaScriptの開発をバーストしてくれるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはFireQuery、Firebugと連携するjQuery開発補助アドオンだ。 FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えばconsole.log($('p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。ど
「Discover Shiretoko」で使われているWEBデザインの美麗テクニック – ウェビンブログ
おしらせ： サイトの改装を予定してます。 時間がかかりそうなので、このブログも一時的に見栄えが悪くなるかもしれません。そうなったらすみません。 Discover Shiretoko – 世界自然遺産「知床」と Web ブラウザ「Firefox」の物語 美しい。 流石はWEB標準の先端をゆくMozilla Firefoxのサイトです。 しかも、コードネームに我らが世界遺産、「Shiretoko」を選んでくれて嬉しいですー。 北海道を愛する方も、フォクすけを愛する方も、俺はOpera一筋だ馬鹿野郎という方も、是非訪問してみてください。 このサイトではWEBデザインの美しいテクニックがあちこちに使われています。 全ては紹介できませんが、取り急ぎ目立つものだけ。 WEBデザインの可能性を広げる、透過PNG このサイトには「透過設定」を行ったPNG画像が多用され、Flash並のグラフィカル
Discover Shiretoko – 世界自然遺産「知床」と Web ブラウザ「Firefox」の物語
最新情報 知床・Shiretoko からのメッセージ 知床の Personas テーマ で、あなたの Firefox を知床カラーに！ あなたの「バナーの樹」はどこまで育ちましたか？ 結果はこちら
Google製サイト高速化Firefoxアドオン「Page Speed」を試してみました:phpspot開発日誌
Page Speed Home Google製サイト高速化Firefoxアドオン「Page Speed」というのがリリースされたようで試してみました。 同様のFirefoxアドオンである、Yahoo!製のYSlowがあったりますが、後から出ただけあってYSlowにない便利機能なんかもあるみたいなので併用してもいいかも。 インストールすると、「Page Speed」、「Page Speed Activity」がタブに追加されました。 Analyze ボタンでページの検証が始まります。 検証結果画面。アイコン付きでYSlowより見やすいかも。 ここに表示される警告を直していけばページの高速化が簡単にできますね。 見出しをクリックすると解説ページに移動できます。 ブラウザベースのキャッシュをもうちょっと使うように、ということでメッセージが表示されました。 ブラウザキャッシュに対応するには、apa
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
常用中 Firefox 3 アドオンのまとめ
1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン（+ Greasemonkey ユーザースクリプト）を挙げてみました。Firefox 3 対応のアドオンのみを集めています。 アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。その場合は、インストールしても、使うとき以外は無効にしておくなど工夫しましょう。メモリてんこ盛り PC ならあまり気にならないと思いますが。 今回は数が多いので大まかにグループ分けして紹介してみます。あと、特定のアドオンに依存しているものもありますので、その辺はまとめています。
CodeBurner - Reference Tool for Web Developers
I’m delighted to announce the release of Version 1.6 of CodeBurner — our popular reference tool for web developers. This new release is a major update to all five versions, and has something new or improved for everyone! It’s taken a little longer than planned, and that’s mostly because of the extent of the changes required for Firefox 4; which in turn meant changes to Firebug, and all of that was
新しいFirefoxのタブは円形になるかもしれない | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable Mozillaプロダクトに関して先進的な研究開発に取り組むチームがMozilla Labsだ。少数精鋭のチームで、今後のMozillaプロダクトの特徴を左右することになるプロジェクトを輩出し続けている。Firefoxの将来がどういったものになるのか知るうえで、Mozilla Labsの動向はもっとも有効な指針になりうる。 Mozilla Labsはこの数週間、既存のタブ機能の改善や新しいタブ機能への取り組みを進めてきた。この取り組みが評価されれば、Firefox 3.5かまたはそれ以降のバージョンのタブはGoogle Chromeのようなルックスになり、そして空ページはデフォルトでOperaのスピードダイヤルのような表示がおこなわれることになる。フィードバックはポジティブな内容
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
tableにおけるmarginの相殺
tableにおけるmarginの相殺 ネタ元：tableのmargin相殺 Firefoxのtableにおけるmargin相殺はちょっとややこしいので補足しておきます。 基本的に垂直方向の2つの要素にtable要素(display:table)が含まれる場合、marginの相殺は行われないです。 p{ margin-bottom:20px; } table{ margin-top:20px; } サンプル table要素にcaption要素が含まれる場合、table要素のmargin-topとcaption要素のmargin-bottomでmarginの相殺が行われます。 p{ margin-bottom:20px; } caption{ margin-bottom:20px; } table{ margin-top:20px; } サンプル Firefox以外のブラウザでは通常のブロック
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
Firefoxの印刷と闘う その2 | Takazudo Clipping*
このブログのアクセス解析を見ると、キーワード「firefox 印刷」で検索してこのエントリに飛んでくる人がかなりいます。やっぱりみんな困っているんだなぁと。Firefoxの印刷はかなりやっかいで、完全FIXは無理かもしれないという結論に自分の中でも解決していたのですが、最近この方法をやっていて、普通に印刷できてます。 display:tableで印刷対応 まずは、普通にfloat:left left leftで左に詰めたレイアウト。 floatによる3カラムレイアウトのサンプル（印刷対応無） <div id="all"> <div id="header">header</div> <div id="body"> <div id="localNav">localNav</div> <div id="main">main</div> <div id="relatedNav">relatedNa
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
Firefox 1.0, 1.5, 3.0 用の CSS ハック | ヨモツネット
概要 Firefox 1.0 以降用, Firefox 1.5 以降用, Firefox 3.0 以降用の CSS ハックの手法とその仕組みの説明です。 動作確認用の demo 説明 複数のセレクタに同じ宣言を共有する場合、h1, h2, h3 { font-style: bold } のようにセレクタをカンマで区切ってグループ化 (Grouping) することができます。 しかし、グループ化したセレクタ群の中に、Web ブラウザが未対応のセレクタが一つでも含まれている場合、グループ化した別のセレクタも無効化されてしまい、グループ化した全てのスタイルが適用されなくなります。 例えば、h2, p:first-child { font-weight:bold } のように宣言した場合、h2 要素と最初の子要素の p 要素が太字でレンダリングされます。しかし、IE 6 では :first-chi
速度で選ぶ次世代ブラウザー IE 8だけじゃない (1/4)
ウェブサービスが重い！ ボトルネックはブラウザー!? 「mixiが重い」 1～2年ほど前から筆者の周りで聞くようになった言葉である。たしかに以前はアクセス過多のせいで表示が遅かったけれど……と、気が付けば重いのはmixiだけではない。「Google Docs」も、「Gmail」も、「ヤプログ」も、「BIGLOBEメール」も重い。いわゆるWeb2.0系のサービスがみんな遅いのである。 その原因は、いわゆる「Ajax」などと呼ばれる最近のJavaScriptの流行にある。かつては「セキュリティー的に問題だからオフにするのが望ましい」とまで言われたJavaScriptだが、「Googleマップ」の成功以降、JavaScriptを使って動的なインターフェースを実現するのがトレンドになった。 このJavaScriptが行なっているのは、サーバ側でなくクライアント側、つまりブラウザーのほうでプログラム
Firefox 3が対応したdisplayプロパティの値（2） - builder by ZDNet Japan
今回はinline-blockボックスを利用して段組みのレイアウトと横組みのメニューを作成してみたい。なお、displayプロパティやinline-blockボックスについては、前回の記事を参照して欲しい。 inline-blockボックスを利用した段組みのレイアウト 「display: inline-block」と指定すると、HTML/XHTMLタグでマークアップした部分をinline-blockボックスで表示することができる。inline-blockボックスを利用すれば、floatやpositionプロパティを利用せずに段組みのレイアウトを作ることが可能だ。 段組みのレイアウトは、一般的には で構成したblockボックスを横に並べて作成する。しかし、blockボックスはそのままでは横に並べて表示することができないので、floatプロパティで回り込みを指定したり、positionプロパテ
Firefox 3が対応したdisplayプロパティの値（1） - builder by ZDNet Japan
Firefox 3は、displayプロパティの値である「inline-block」と「inline-table」に対応した。これで、CSS 2.1で定義されたdisplayプロパティの値に一通り対応したことになる。そこで今回は、displayプロパティの基本と「inline-block」について紹介していきたい。また、SafariやOpera、Internet Explorerの対応状況も紹介する。 displayプロパティと基本的なボックスの種類 displayはボックスの種類を指定するプロパティだ。まずは、基本的なボックスの種類を再確認しておこう。 HTML/XHTMLではタグでマークアップした部分が四角形のボックスとして扱われる。ボックスにはいくつかの種類があり、タグごとに標準でどのボックスになるかが定義されている。 基本となるボックスの種類は「block（ブロック）」と「inli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトで使っているＣＭＳなどが一目でわかるFirefoxアドオン:phpspot開発日誌
HisasAnn.com is for sale | HugeDomains
