タグ

chromeに関するhuusen20のブックマーク (3)

  • 時刻表っぽいフォント — DiaPro

    DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字(リガチャー)として定義されています。そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し

  • Chrome の拡張 JSONView が便利ですね - latest log

    この記事の賞味期限は2013年内です。10秒で読めます。 (ε・ ワ ・)з 勘違いがありまして、文の趣旨が変わり Chrome の拡張 JSONView の機能紹介になりました JSONView をインストールした状態でhttp: や https: スキームで始まる JSONファイルを開くと、改行やスペースを含まない(圧縮された状態の)JSONも、適切に展開した状態で見ることができます。 この状態で、マウスを各要素にホバーさせると、画面下の薄い紫の部分に、要素にアクセスするためのパスが表示されます。 紫色の部分: tree[0].attrs.frame[3] xpath のようなこれは、json path とでも呼ぶのでしょうか? また、各ノードの左側にある - や + をクリックすると展開と折りたたみが行われます。 以下のパスを JSONView をインストールした状態で開くと、お試

    Chrome の拡張 JSONView が便利ですね - latest log
  • Web屋ならチェックしておきたい!作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    Web屋ならチェックしておきたい!作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools(デベロッパーツール)について、「多分、周知されていないけど、使わないともったいない!」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう! みなさんはChrome Canaryを使っているんでしょうか?一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです!リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ

    Web屋ならチェックしておきたい!作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1