タグ

WEBデザインとfirefoxに関するshinchuのブックマーク (3)

  • レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」

    レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 1.「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ(Responsive)は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 2.「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N

    レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • Web系新社会人が入れておくと便利なFirefoxアドオン13選 | nanapi[ナナピ]

    Web系新社会人が入れておくと便利なFirefoxアドオン13選 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。Web系会社に勤める新社会人がFirefoxに入れておくとなにかと便利なアドオンを紹介します。 基的に、webディレクター系職種の方を意識して選びました。 便利そうなものをお好みで入れていただければと幸いです。 All-in-One Gestures マウスジェスチャーをカスタマイズすることのできるアドオンです。 タブを開く、タブを閉じる、ページを進む、ページを戻る、といったアクションをマウスのみで行えるようにしておくと便利かもしれません。 All-in-One Gestures :: Add-ons for Firefox Firebug HTMLCSSJavascriptなどのデバッグに便利です。 Fir

  • 1