レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
FirefoxでTITLE属性のツールチップ内改行を有効にしたい
さて趣味でプログラミングをしているわけですが最近は専らPHPのそれにかかりきりです（1.4.0がリリース間近ということもあり）。でも，たまにはJavaScriptのスクリプトも書いてみたくなります。 IMGタグにはALT属性がありますが，これは画像の代替テキストの役目を果たします。XHTMLでは必須の項目です。このALT属性なんですが，ホームページ作りに励んでいる方々はお気付きかもしれませんが，インターネットエクスプローラー(IE)とFirefoxでは，挙動が違います。IEでは，画像にALT属性があるとマウスのカーソルを重ねたときに，ツールチップ(バルーンヘルプ)が表示されます。でも，Forefoxでは何も表示されません。これはFirefoxのバグというわけではなくて，単にブラウザ間の実装(解釈)の違いに基づくものです。じゃ，Firefoxでもツールチップを出すにはどうしたらいいかというと
ウェブページのパフォーマンスを評価して、改善点を指摘してくれる -Page Speed
ウェブページのパフォーマンスを評価して、改善点を指摘してくれるFirefox/Firebugのアドオン「Page Speed」を紹介します。 Introducing Page Speed Page Speedを利用するにはFirefox/Firebugが必要で、下記ページからダウンロードできます。 Page Speed 使用方法は簡単で、「Page Speed」のタブをクリックし、「Analyze Performance」をクリックするだけで、表示されているページのパフォーマンスの評価が始まります。
デザイン・コーディングにつかえるアドオン10選（ 1） - EC studio デザインブログ
企画デザイン谷です。 今やホームページ制作・開発には欠かせないFirefoxですが その理由は多くのアドオン（拡張機能）にあります。 企画デザインスタッフが導入しているアドオンを 今回紹介します。 ColorZilla https://addons.mozilla.org/ja/firefox/addon/271 閲覧しているページに表示されているテキストや画像の色（カラーコード）を 抜き出すことができます。 Firebug https://addons.mozilla.org/ja/firefox/addon/1843 開発環境全般においては欠かさないツールです。他の拡張機能がなくても これだけは入れておきたいアドオンです。 HTML、CSS、JavaScriptなどをリアルタイムに編集・デバッグを することができ、特に僕の場合はCSSでレイアウトを 調整するときに使います。 日本語版も
Firefoxでtable内に画像を隙間なく敷き詰める - Loopus Wiki
Firefoxでtable内に画像を隙間なく敷き詰めるについて紹介、解説、説明しています。:html Firefoxでtable内に画像を隙間なく敷き詰める † Firefoxで <table> <tr> <td><img src="hogehoge.gif"></td> <td><img src="hogehoge.gif"></td> </tr> <tr> <td><img src="hogehoge.gif"></td> <td><img src="hogehoge.gif"></td> </tr> </table> とすると、同じ画像が４つ表示されるのだが、Firefoxではなぜか縦方向に隙間ができてしまう。 これを回避するには、 <td><img src="hogehoge.gif" style="vertical-align: bottom"></td> もしくは、スタイルシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
