Firefox 31 の開発ツールに便利なカラーピッカー機能が実装される
現在、Firefox Aurora としてリリースされている、Firefox 31 の開発ツールに新しいカラーピッカー機能 「Eyedropper」 が実装されました。 閲覧中の Web ページから、色情報をピックアップできますが、1px 単位で選択できるため、細かいグラデーションなどの一部でもピックアップしやすくなっていて便利です。 Eyedropper - 開発ツール ： MDN 開発ツールの設定に、「Grab a color from the page」 （ページから色を取得） という設定項目がありますので、チェックを入れて有効にします。 すると、開発ルールにカラーピッカーのアイコンが表示されます。このとき、インスペクタのカラー設定 （Default color unit） で選択されている形式で色情報が取得されますので、お好みで設定しておくといいでしょう。 カラーピッカーのアイコン
ブラウザの操作をマクロ化する「iMacros」
ブラウザの操作をマクロ化する「iMacros」を紹介します。 １．はじめに ブラウザで操作を行う場合、ある決まった手順を行うことがあると思います。 簡単な例では、ブログを投稿する場合のブログツールへのログインから新規作成画面の表示などですが、より複雑な操作を日常的に行なう場合、結構面倒に感じることがあると思います。 本エントリーで紹介する「iMacros」を利用すれば、そういったブラウザ上の操作をマクロ化することができます。 iMacrosはGoogle Chrome/Firefox/IEのアドオンとして提供されています。 クリック動作やフォームへの入力などは、ブラウザの座標ではなくHTML要素や属性を探索して実行しているので、精度はそれなりに高いようです。 またJavaScriptなどによる制御も可能なようです。 ということで今回はインストールから基本な操作について紹介し、高度な機能につ
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
Firefox 25で表示が遅くなった場合の対処方法
Firefox 25でページ表示が遅くなった場合の対処方法を紹介します。 １．問題点 先日、会社で使っているFirefox 24が自動更新でFirefox 25にアップデートされたあと、ページの表示時間が劇的に遅くなりました。 具体的には、これまで数秒で表示されていたページが、表示されるのに数十秒かかるようになってしまいました。 最初はアップデートが原因と気が付かなかったのですが、ネットで色々調べるとFirefox 25の問題であることが分かりました。 ２．原因 Firefox 25で自動プロキシ設定スクリプト（proxy.pac：ファイル名は任意）を扱う際のバグらしいです。 Bug 923458 - [Regression v24 to v25] Slow loading of websites via proxy / pac file なお、この問題は会社などで下記のように自動プロキシ
Firefoxでサイトパフォーマンスのボトルネックをチェックできるアドオン「PageSpeed」
Firefoxでサイトパフォーマンスのボトルネックをチェックできるアドオン「PageSpeed」を紹介します。PageSpeedはGoogleから提供されています。 このアドオンを利用すれば、「ブラウザのキャッシュを活用する・圧縮を有効にする・CSSスプライトに画像をまとめる」といったパフォーマンスの最適化のための項目や、その詳細なデータを確認することができます。 なお、このアドオンを利用するには、Firebugアドオンを先に入れておく必要があります。 Firebugの使い方は以下も参考にどうぞ。 Firebug の使い方：(X)HTML と CSS の確認・修正方法のまとめ １．インストール Make the Web Faster - Google Developersのページにある「PageSpeed Insights for Firefox」をクリック。 「このサイト(develop
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
