印刷したら崩れてた！？印刷用CSSのスタイル確認と修正に便利なChrome DevToolsのエミュレータ機能
いつでも、どこでもネットにアクセスできる昨今、ウェブページを印刷する機会は減っているかもしれません。でも、いざ印刷したらレイアウトやスタイルが崩れていて使えないものになっていたらユーザに申し訳ないですよね。紙の無駄使いになってエコじゃないですし。 ということで、今回は自分メモ的にプリントCSSの確認ツールのご紹介です。 Chrome DevToolsのメディアタイプのエミュレーション機能 以前は印刷プレビューで印刷用CSSを確認していましたが、なにせ効率が悪いので他の方法を探してみました。なんと、Chrome DevToolsにエミュレータ機能がついてたんですね。さすがです。 以下の手順で、そのエミュレーション機能にアクセスできます。 Chrome DevToolsを開く（⌘ + ⌥ + I） スマホ（device mode）アイコンをクリック drawerアイコンをクリックする （Emu
Photoshop CC完全対応！ガイド引きをかなり便利にする純国産の無料の機能拡張 -QuickGuide
Photoshop CC/2014に対応したPhotoshopでのガイド引きをかなり便利にする純国産の無料の機能拡張を紹介します。 2014ではFlashやFlexを使用している機能拡張は使えなくなり、代わりにHTML5ベースのものでないといけないそうです。 QuickGuide 先日の記事「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ」で取り上げた時からバージョンアップされ、機能も大幅に強化されています！ QuickGuideの主な機能 QuickGuideのインストール QuickGuideの使い方 QuickGuideの主な機能 QuickGuideのメインとなる機能は、オブジェクトや選択範囲を元に、上・下・左・右を組み合わせた全9パターンのガイドを1クリックで引けることで、今回のバージョンアップで天地・左右、天地左右の中央にも対応しました。ほかにもガイド関
CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide
ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡張だけでなく、外部スタイルシートとしても提供されているのでローカル環境でブラウザを問わず利用できます。 Pesticide Pesticide -GitHub Pesticideのインストール Pesticideの使い方 Pesticideのインストール Pesticideは2種類、利用方法があります。 Chromeの機能拡張 ローカル環境での使用（スタイルシートファイル） Chromeの機能拡張 下記ページからPesticideをChromeにインストールします。 Pesticide -Chrome ウェブストア インストールが完了すると、上部のバーにPesticideボ
これは便利！外部ファイルをリンクさせるPhotoshopのエクステンション -Links
これはPhotoshopの標準機能として、ぜひ実装してほしいですね。 外部ファイルをリンクさせ、スマートオブジェクトとして配置できるPhotoshopのエクステンションを紹介します。 Linked Smart Objects in Photoshop [ad#ad-2] Linked Smart Objectsのインストール 下記ページの「LinksCS4.zip」をダウンロードします。 対応しているPhotoshopのバージョンはCS4, CS5です。 Smart Object links panel 解凍した「LinksCS4.mxp」をダブルクリックすると、Photoshopへのインストールがはじまります。 インストールが完了すると、メニューの[ウインドウ]-[エクステンション]に「Links」が表示されます。 Linked Smart Objectsの使い方 [ウインドウ]-[エク
Home - tombloo - GitHub
つまりTomblooは、いろいろなページから情報を取り出し、いろいろなサービスへポストできる、組み合わせ自由なハブなのです。 Tomblooは軽快に動作します。 たくさんのサービスに対応しているからといって、ブラウザが重くなったりはいたしません。 使ってみよう まずはインストール、その後にいくつかの基本的な使い方をみていきましょう。 インストールする 以下の拡張ファイルを右クリックし、 名前をつけてリンク先を保存 からダウンロードしてください。 tombloo.xpi ダウンロードされたファイルをFirefoxのウィンドウへドロップするとインストールがはじまります。 メモやメッセージをポストする はじめに、ひとことメモをTwitterにポストしてみましょう(もちろんTumblrでもWassrでもかまいません)。 まず、てきとうなページの何もないところを右クリックして… Share... －
Speed Dial Hotkey Website Launcher — SiteLauncher [Firefox Add-on]
Do you want a faster way to navigate the web? Then check out SiteLauncher for Chrome. It's free and awesome. DONESMART SiteLauncher SiteLauncher for Chrome SiteLauncher for Firefox SiteLauncher for Other Browsers StartupHack Articles About Contact Startup Tools More Free DoneSmart Tools Online Image Editor Online Avatar Creator Online CSS3 Gradient Maker Online QR Code Generator Online Keyword Den
![Speed Dial Hotkey Website Launcher — SiteLauncher [Firefox Add-on]](https://cdn-ak-scissors.b.st-hatena.com/image/square/fced56446f340da7889dbe0b693b6af448855c1c/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2FwmPamOr64to_xfGw2XMcqcv1raiRoSh-3aINu2myxnG-tF15ejSUCsH8ByMswJ2DuVe4gNls8avLZK2EUDsq4mzDjg%3Dw128-h128-e365-rj-sc0x00ffffff)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
