Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
iOSのSafariで文字選択が思い通りにならないときに使える画期的な対処方法
iOSのSafariで文字選択が思い取りにならなくてイライラすることがある iOSのSafariで表の中の文字の一部分を選択しようとしても、セル全体になってしまったり、行全体になってしまったりして、必要ない文字まで選択、コピーするハメになって面倒なことがあります。 特に、viewport指定で拡大が禁止されている場合はやっかい。 拡大が禁止されていなければ、拡大すると表の中であっても部分選択ができるようになるのですけどね。 あるブックマークレットを使うと表の中の文字であっても自由に選択できるようになる 今回紹介するブックマークレットを問題のページで実行するとアラ不思議！ 表の中の文字であっても自由に選択できるようになります。（続きは[Read More]から） ブックマークレットのSafariへの登録 以下のブックマークレットを全選択してコピー。 javascript:document.b
Safariを快適にしてくれる15のブックマークレット！ - isuta（イスタ） -私の“好き”にウソをつかない。-
先日、タイトル付きでTwitterやFacebookにシェアできるブックマークレットをご紹介しましたが、その他にもたくさんの便利な機能があるんです！ 今回は、Safariをよく使う人は絶対に登録しておいてほしい、15のブックマークレットをご紹介します！ ブックマークレットってなに？登録の仕方は？という方は、こちらの記事をご覧くださいね♪ ページをまるごとGoogle翻訳海外のサイトを見る時に便利な、ページをまるごと翻訳してくれる機能です。 javascript:void(0);void(0);void(0);void(0);void('Add%20this%20text%20into%20the%20code%20to%20suppress%20the%20tooltip%20with%20long%20script');void(0);void(0);void(0);void(0);vo
グッバイ広告！「ブックマークレット」を使ってサイトに表示される追尾型広告を削除してみよう - iPhone APPを探すならアップス!!!
2011年12月12日 14:40 カテゴリiphoneの小技 グッバイ広告！「ブックマークレット」を使ってサイトに表示される追尾型広告を削除してみよう Posted by kuroji1987 No Comments No Trackbacks ツイート practice_adblock / yuichirock どうも@kuroji1987です。 iPhoneでブログやサイトを見ていると、スクロールに合わせて付いてくる広告が表示されることがあります。 あれ、なかなか鬱陶しいですよね。 『iPhoneちゃんねる』さんで紹介さていたんですが、あるブックマークレットを使用することで、その広告の表示を制限することができるようです。 上手く使ってiPhoneでのブラウジングを快適にしちゃいましょう！ 追尾型広告ってなんぞや？ アメーバブログやFC2ブログを見てると表示される、スクロールを追っ
私がよく使っているWebサイト作成に役立つブックマークレット
ユーザーがウェブブラウザのお気に入りなどに設置されたブックマークレットをクリックすると、ブックマークレットに記述されたJavaScriptの小さなプログラムが、ウェブブラウザで起動する。プログラムはページの外観や表示を変更したり、他の場所にジャンプしたり、子ウィンドウを表示したり、ウェブブラウザで表示中のウェブサイトのURLを取得したり、ユーザーに追加情報の入力を促したりする。 - Wikipediaより ということで、プログラムを起動するボタンとしてブックマークを使う感じです。では、私が普段から使っているお勧めブックマークレットを紹介します。 XRAY クリックした要素の内容を表示してくれます。topやleftなどの位置関係、width、height、margin、paddingなどのボックスに関することなどが一目で分かります。 ColrGrabr そのサイトにどのような色が使われている
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
RSSフィードをFeedlyに登録するブックマークレット
7月1日以降のためにFeedlyへの「新しいフィード登録」できるブックマークレットを作りました。厳密には既に公開されているものを修正しました。 ブックマークレットの修正 ブラウザで開いているサイトのRSSフィードをFeedlyに登録するブックマークレットが公開されていますが、Feedly Cloudのリリース前のものまのでURLやパラメーターも変わっているし、コメントフィードを取得してしまう様子。 なのでこれを修正しました。次のリンクをこのままPCブラウザのブックマークバーにドラッグ＆ドロップで登録してください。 Add to Feedly Cloud ただし、RSSフィード情報がHeaderタグ内にあり、サイト全体のフィードが先頭にあることが条件です。たとえば、Bodyタグ内にRSS追加ボタンしかない、またはコメントフィードがサイトフィードよりも前になる場合などは追加登録できません。 [
ウェブデザインで大切な縦のリズムをチェックできるブックマークレット -Gridwax
ウェブデザインの縦のリズムをチェックできるブックマークレットを紹介します。 日本語のウェブサイトでももちろん利用できます。 Gridwax Gridwaxのインストール Gridwaxの使い方 Gridwaxのインストール Gridwaxをあなたのブラウザにインストールするのは、簡単です。 サイトにアクセスし、「1. drag to your bookmark bar」にあるアイコンをブックマークバーにドラッグするだけです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS
ブックマークレットの仕組みと使い方 | ライフハッカー・ジャパン