Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Monthly Archives: 6月 2018

[Web Design] Breaq, a resizer bookmarklet – ページ内のブレイクポイントを一覧にしてくれるブックマークレット

  • Pocket
  • このエントリーをはてなブックマークに追加

ページ内のブレイクポイントを一覧にしてくれるブックマークレット。ページ内の「Breaq」って書いてある青いブックマーク部分をお気に入りなどにドラッグして使います。ブレイクポイントを調べたいページを表示した状態で、事前にブックマークに登録しておいたBreaqをクリックすると、ページ内のブレイクポイント一覧がブラウザウィンドウ右下に出力されます。境目や各BPの位置付けなどが分かりやすく、シンプルに知りたい情報だけに機能が絞られてる点がとってもナイス。常用ブックマークレットフォルダに突っ込んでおきました。

[Mac] ←↓↑→入力のショートカット

  • Pocket
  • このエントリーをはてなブックマークに追加

わたくしもう20年以上Mac使ってるんですが、このショートカットは知りませんでした。通常矢印の入力って「うえ」とか「やじるし」で変換して入力すると思うんだけど、2ストロークで任意の向きの矢印を出せる方法があるそうです。まとめると以下のような感じ。

  • zh : ←
  • zj : ↓
  • zk : ↑
  • zl : →

Z始まりでHJKLと順番に左下上右と並んでます。記号をこのストロークで打つ癖を付けておけば、いざ「矢印」って漢字で入力したい時に選択肢としてえらい下の方にあって「ムキー!」ってなるのを防げるかもしれません。実用性はともかく、興味深いTipsだなぁと思いました。