iPhoneのSafariが10倍便利になるブックマークレット10個
ども！ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日本語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します！ Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日本語翻訳す
WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu
Tweet * WhatFont is not affiliated with MyFonts and/or the WhatTheFont service. ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font
Allan Jardine | Reflections | Design
Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet. Usage Using Design is extremely simple: Drag the Design link below to your bookmark bar (or add it to your bookmarks by right clicking the link and selecting 'Add to bookmarks/
人気の「あとで読む」系サービス『Pocket』をプロ並みに使いこなす方法 | ライフハッカー・ジャパン
『Pocket』は、「あとで読む」系サービスの中でも長い間、米Lifehackerのお気に入りでした。Pocketには長文記事を保存しておくだけではなく、実はもっと色々な使い道があります。今回は、Pocketをプロ並みに使いこなす方法をご紹介しましょう。 とにかく簡単にコンテンツを追加する方法 Pocketが使えるアプリはたくさんあるので、FeedlyからでもTwitterからでも、Pocketに記事を追加することはできます。しかし、Pocketに記事を追加する方法は本当に数えきれないほどあります。 ・機能拡張やブックマークレット Chormeユーザーであれば、Pocketの機能拡張を使えば、その時に読んでいる記事をPocketに追加できます。他のブラウザのユーザーは、ブックマークレットを使いましょう。どちらも記事を追加する時に、好きなタグを付けられます。 ・メールを送る 携帯や、Pock
サイトのワイヤーフレームを表示してくれるブックマークレット『Wirify』 | 100SHIKI
デザインなんかを勉強している人にいいかも、と思ったのでご紹介。 Wirifyのブックマークレットを使えば、今見ているサイトのワイヤーフレームを表示してくれる。 そのサイトがどういう要素でもって出来ているのか、デザイン的にどう配置されているのかをすっきりみたい場合に便利だろう。 なお、このツールを使うと、サイトのタイトルとURLが収集されるそうなので、セキュリティ的に保護されているページに使うには注意が必要だ。 きれいなサイトを見つけたときには、こうしたツールを試してみるのもいいですな。
ブックマークレット／Bookmarkletの作り方 - catch.jp-wiki
Photo by Gayatri Krishnamoorthy via Flickr Bookmarklet(ブックマークレット)は、Webブラウザに追加できる小さなプログラムです。 ブックマーク(お気に入り)に置いといて、そこから呼び出す小さなプログラムなので、こんな名前になってます。 たとえば、Wikipediaや英和辞書で調べたり、今見ているWebページをちょっと加工したり、なんてことができます。 Webブラウザを使っていると、自分専用でちょっとした便利な機能が欲しくなることがありますよね。 解決する方法は色々あるけれど、とりあえずBookmarklet(ブックマークレット)が簡単なんじゃないか。 ということで、作り方を調べてみました。 ちなみに、ドラッグで選択した文字を検索するのは、ブックマークレットを使わなくても、右クリックすればOK >>オススメのJavscript解説書 確か
CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 | 100SHIKI
CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。 しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。 使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。 次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色
はてな記法のAmazon商品紹介がはてなキーワードにリンクされるのでブックマークレットで直接リンクを生成するようにした話 - 太陽がまぶしかったから
photo by xsas はてな記法でAmazonのリンクを貼るとはてなキーワードになる 正確に言うと「はてなブログ」で「title」と「image」で書いた時だけ「http://d.hatena.ne.jp/asin/〜」に変換されてます。「detail」の場合はタイトルもイメージも直接リンクになって、「この商品を含むブログ (X件) を見る」の部分が「http://d.hatena.ne.jp/asin/〜」になります。表示方法を変えたいだけなのにリンク先まで変わる仕様はどうかしてるように思われます。 タイトル [asin:4844331779:title] 必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア"の極意 イメージ [asin:4844331779:image] 詳細 [asin:4844331779:detail] 必ず結果が出るブログ運営テク
XRAY :: for web developers
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. XRAY: look beneath the skin XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (inc
マインドマップ１年生！ - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ ブログの公開を終了しました。 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer - かちびと.net
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
こめぽん -
Hatena::Let