はじめてのCSS：やさしさいっぱいのCSSが肌にしみこむ！カモ。
Firefoxの便利な機能拡張：「ScrapBook」「IE Tab」
2008/12/08
- トモ・リーン
- さらに、Firefoxの機能拡張の紹介よ！
今の最新版はバージョン3だから、まだの人は一刻も早く、インストールしましょう。
- ケンジ
- 今度はどんな機能拡張なの？
- トモ・リーン
- 今度はページをまるっと取って保存できて、その上簡単に編集＋メモも貼れる「ScrapBook」。
ScrapBook
詳しい機能の説明はオフィシャルサイトで、機能拡張のダウンロードはFirefox Add-onsからどうぞ。
- トモ・リーン
- この機能拡張の説明はオフィシャルサイトでの説明が分かりやすいので、多くは語らないけど、閲覧しているWebページを取り込んで欲しい情報以外を消したり、メモで補足できたり出来るわよ。
- ケンジ
- ふむふむ。
技術的な調べ物をするときや、デザイン的に気に入ったサイトを貯めておくのに使えそうだね！
- トモ・リーン
- あと、これはWindowsの人だけなんだけど、Firefoxで開いているページをIEで開ける「IE Tab」。
IE Tab
機能拡張はFirefox Add-onsからダウンロード！
オフィシャルサイトはこちら。サイトは英語だけど作者の人は台湾の方みたいです。
- インストールするとココが変わる！
- ケンジ
- IEのバージョンは選べるの？
- トモ・リーン
- OSにインストールされているIEを開くのよ。だからIEのバージョンは選べないわね。
あと、MacのFirefoxにいれてもダメなのよ。
- ケンジ
- そっか〜〜。残念！
- トモ・リーン
- でも、ブラウザを２つ立ち上げたり、URLをコピペしたりと言った労力は、小さいけど何回もしないといけないから、この辺りが省略できるのってとっても楽よ。
- ケンジ
- ブラウザチェックってCSSを直すたびに何回も見直すからね。
地味・メンドクサイ作業がちょっとでも楽になるといいね！
- トモ・リーン
- うんうん！
機能拡張自体は日本語化もされているので、とっても使いやすいわよ。
- 基本の操作法はアイコンにマウスを重ねると表示されるので覚えなくてもOK！
- オプション設定画面の一部
- ケンジ
- 俺の趣味で見に行っているサイトがIEじゃないとダメなところがあって、ブラウザを使い分けていたんだけど、これだとFirefoxだけで良さそうだから普段使いにもいいね！
- トモ・リーン
- Firefoxには他にも色々な 機能拡張があるので、楽しんでみてね。
でも入れすぎるとFirefoxが重くなったり、機能拡張の相性が問題で挙動がおかしくなることがあるのよ。
- ケンジ
- よ〜し！加減を考えながら、色々入れてみるよ！！
ところでトモ・リーンはどこでそんな機能拡張を見つけてくるの？？
- トモ・リーン
- ケンジ
- Firefoxを俺色に染めてやるぜ〜〜〜☆
- 今回のポイント！
- Firefoxの調子を見ながらバンバン機能拡張をいれて、あなた仕様のFirefoxにしてやりましょう！
- トラックバック(0)
- このブログ記事を参照しているブログ一覧：Firefoxの便利な機能拡張：「ScrapBook」「IE Tab」
- このブログ記事に対するトラックバックURL
- http://www.rasen-d.net/z/mt/mt-tb.cgi/112
- コメントする
- やさしいCSSはじめます。
- 下準備：テキストエディタ！
- 下準備：ブラウザチェック
- 基礎知識：DOCTYPE宣言
- 基礎知識：CSSのスタイルに付ける名前
- 基礎知識：idとclassの使い分け
- 基礎知識：CSSはどこに書く？
- 基礎知識：セレクタの付け方
- 実技：セレクタの付け方
- CSS組みの時の作業の流れ
- 情報の意味を考えながらHTMLコーディング
- レイアウトを組んでみる！ ～idについて～
- レイアウトを組んでみる！ ～floatについて～
- デザイン通りに組む！ ～文字サイズ～
- デザイン通りに組む！ ～文字サイズ 応用～
- デザイン通りに組む！ ～フォントの形の設定について～
- デザイン通りに組む！ ～背景画像～
- デザイン通りに組む！ ～画像置換～
- デザイン通りに組む！ ～ボタン～
- 基礎知識：インライン要素とブロック要素
- デザイン通りに組む！ ～ボタン2：ロールオーバ～
- デザイン通りに組む！ ～背景応用：見出しとか～
- デザイン通りに組む！ ～汎用性のある設計＋clearfix～
- デザイン通りに組む！ ～配置指定～
- デザイン通りに組む！ ～透過PNG～
- CSSファイルを見やすく整頓！！
- Firefoxの便利な機能拡張：Web Developer
- Firefoxの便利な機能拡張：Firebug
- Firefoxの便利な機能拡張：Page Saver Basic
- Firefoxの便利な機能拡張：「ScrapBook」「IE Tab」
- 印刷用CSS：メディア指定
- 印刷用CSS：ブラウザ別見え方の違いと特徴 背景画像
- 印刷用CSS：webページの横幅について
- 印刷用CSS：色々な印刷CSSの手法について
- 印刷用CSS：ナビゲーション削除タイプ
- 印刷用CSS：印刷用に全く違うレイアウトを作る
- 印刷用CSS：スクリーンと全く同じように印刷する
- 印刷用CSS：その他もろもろテク紹介
- CSSハックとIEの条件分岐
- とりあえず、ネタ切れなので
- オススメ本
- HTMLタグ+スタイルシート辞典ちび
基礎はもちろんCSSの記述に必要なことも載っているのでオススメ！
- 現場のプロから学ぶXHTML+CSS
実際のXHTML+CSSの作業について学びたい方にオススメ！
- オススメCSSのサイト
- TAG index
ものすごく使いやすいHTML & CSSのリファレンスサイト
- CSSフリーライブラリー
色々なテーマごとにCSSの情報が集まっています！
- オススメ勉強会
- CSS Nite
お気軽な無料の会（主にアップルストアで）から、本格的な有料セミナーまで楽しい勉強会を開催してくれます。
- Re:Creator’s Kansai（リクリ）
関西のクリエイターの交流、勉強会・セミナーの開催を目的としたコミュニティです。
- 螺旋デザインメンバーも執筆に参加！
XHTML+CSS プロが教える“本当の使い方”現場で培われたXHTML+CSSのテクニックを徹底解説!!
- 話題のiPhoneアプリ
大藤幹のHYML/XHTML辞典HTML5に対してもアップデート対応するらしいですよ！これで重い辞書とはおさらば♪
-
myPANTONE色辞典です。サイトの色のイメージをクライアントと打ち合わせするときに、これを使ったらカッコ良すぎて話しがまとまりやすくなるかも！
