cync.

Developer

Developer Tools

フロントエンド実装や検証の途中で使っている、小さなツールやリファレンスをまとめています。

Tools & References

Tool

Viewport Checker

画面サイズ、DPR、向きなどをその場で確認するための簡易チェッカーです。

Tool

SVG Encoder

SVG ソースを data URI 向けの文字列に変換して、そのままコピーできます。

Reference

HTML5 入れ子チートシート

どの要素がどの要素を親・子として持てるかをたどるための一覧です。

Tool

Fontsize Sample

同じ文をサイズ違いで並べて、クリック時に指定値を確認できます。

Tool

Multiple URLs Opener

複数行やスペース区切りで入力した URL をまとめて開くための小さなツールです。

Browser Info

User agent

Referrer

Current URL

Language

-

Languages

-

Platform

-

Vendor

-

Viewport

-

Screen

-

Device pixel ratio

-

Touch points

-

Pointer / hover

-

Cores

-

Memory

-

Online

-

Cookie enabled

-

Cookie count

-

Timezone

-

Timezone offset

-

History length

-

Do not track

-

Display mode

-

Color scheme

-

Reduced motion

-

Orientation detail

-

Connection

-

Storage estimate

-

Storage persisted

-

LocalStorage

-

SessionStorage

-

ブラウザから取得できる範囲の情報だけを表示しています。環境によっては空欄になる項目があります。