ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
必見：「Quix」でブラウザを今より2倍便利に活用する方法！ | ライフハッカー・ジャパン
今、開いてる記事をメールで送信したり、ページをクリップしたり、検索を開始したりをどのブラウザからでも同じキーストロークで出来たら便利だと思いませんか？それを可能にしてくれるのが、このユニバーサルブラウザコマンダーQuix。 デスクトップからでも携帯からでも使用出来るので、強い味方になってくれること間違いなしです。米ライフハッカーでは過去にも採り上げたことがあるのですが、それ以降も使い続けてみたところ、当初予測していたよりもはるかに便利で、融通が利き、かなりクールなツールであることが判明したので、今回はその使いこなし方も含めて紹介してみます。 ブックマークレットで出来ることは全て、しかもボタン一つで可能、キーボードショートカット派の方はクイックコマンド一つでOK。パッと見の印象だとギーク度数の高いツールのようにも見えますが、一度使いこなせるようになれば、これなしではウェブブラウズしたくなくな
プリント枚数節約! WEBページの必要な部分だけ印刷できる「Printliminator」 | ライフハッカー・ジャパン
まずはPrintliminatorをブックマークして、ブラウザのブックマークツールバーに入れます。WEBページを印刷する時に、無駄な情報や広告は印刷したくないという場合は、このPrintliminatorのブックマークをクリックしましょう。 動画のデモを見れば分かる通り、Printliminatorを使うと、必要の無いコンテンツはクリックだけで簡単に削除することができます。逆に、印刷したいコンテンツが一つだけの場合は、そのコンテンツだけを「Alt＋クリック（Mac OS X: Option＋クリック）」すれば、他のコンテンツは全部消去されます。どちらの方法を使うにせよ、とにかく自分が印刷したいものだけを残したら、後はプリントボタンを押すだけです。 この手のサービスは、米ライフハッカーで、以前「Click2Zap」をご紹介したことがありますが、Printliminatorの方がチョチョイとコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
