ブックマークレット

Mac メディア運営

2021/1/30

Chromeの「Keyconfig」が使えなくて泣いてるならSafariの「Tab Options」を使え!

Chromeの拡張機能「Keyconfig」。カエレバのブックマークレットやアプリ誘導用のhtmlをワンクリックで生成したりと、非常に便利に使わせてもらってました。 例えば、 Amazonページ内で [ctrl]+[shift]+[k] でカエレバ起動 [ctrl]+[shift]+[l] で現在開いているページのタイトルリンクを取得 [ctrl]+[shift]+[i] でiPhoneアプリ誘導リンクを取得 などなど。記事を更新する上で面倒だと思われていた機能が、ワンクリックで実行できてしまうのです。 ...

iPhone ITツール Webディレクターの仕事

2021/1/31

iPhone 6 PlusからiPhone 5の画面サイズを再現してサイトを確認する方法

iPhone 6 Plusを使い続けていると、この大きさが標準なんじゃないかって錯覚するときがあります。でも、世の中的には全然少数派で、画面サイズがもっと小さいデバイスなんていっぱいあります。 ウェブディレクターとして働いている私としては、「制作したウェブサイトを画面サイズの小さいデバイスで見たら、どんな感じなんだろう」というのが重要だったりします。フォントの大きさとか、アイコンの配置など、不自然なほど窮屈になっていないかなど、確認しなければなりません。 ですが、個人で実機・検証機を持っているわけでもなく ...

iPhone

2015/8/12

iPhoneで検索ヒット件数を100件に増やせば目的のページが即見つかる

iPhone の Safari で検索をした場合、表示される検索結果は10件です。 コレぐらいの件数だからこそ、ページがサクッと表示されるんでしょうけどね。検索結果を一気に見渡したいときには、ちょっと件数が少ない印象。 そこで、検索結果で表示される件数を一時的に増やせるようにしてみました。 私がやったのは、「検索結果表示件数を増やすブックマークレット」の登録です。

no image

ITツール Webディレクターの仕事

2021/1/31

レスポンシブなサイトをサクッと確認できる便利ブックマークレット「VIEWPORT RESIZER」

レスポンシブウェブデザインで構成されているウェブサイトをサクッと確認できる便利ブックマークレットのご紹介。私のようなウェブディレクターには役立つツールですよ。 本来は実機で確認するべき動作確認ですが、毎回実機を引っ張りだしていては、非常に時間が掛かってしまいます。 かと言って、ブラウザのウインドウサイズを伸び縮みさせていては、どのタブレットやスマホでの見た目を再現できません。サイズが分かりませんからね。 そこで便利なブックマークレット「VIEWPORT RESIZER」。 ボタンひとつで、いろんなデバイス ...

ITツール Webディレクターの仕事

2021/1/31

ウェブページの要素を一瞬で調べられるブックマークレット「XRAY」

ウェブページに掲載している画像サイズをすぐに調べたい。テキスト範囲の横幅が何pxなのか調べたい。 そんな「ウェブページの要素の情報をすぐに調べたい」ときって結構あるのです。 それは私がウェブディレクターであり、ブロガーだからかもしれません。でも、そういうウェブの情報を知りたくなる時が来るかもしれないので、今日の事は覚えておきましょうか! このブックマークレットを使えば、ウェブページに掲載してある要素情報をすぐに調べることができちゃいます。それも、たったワンクリックで。

© 2022 あなたのスイッチを押すブログ