タグ

bookmarkletに関するyoshiwebのブックマーク (9)

  • ブックマークレット10選

    こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン?な私は裏面(おそらくフィリピン語)を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう?」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク(お気に入り)を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん

    ブックマークレット10選
  • ブックマークレットの仕組みと使い方 | ライフハッカー・ジャパン

    サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】

    ブックマークレットの仕組みと使い方 | ライフハッカー・ジャパン
  • iPhone 5を手に入れたら設定すべきブックマークレットについてまとめ - Will feel Tips Blogger

    iPhone 5が発売されて、約2週間ほど経ちまして、やっと自分も手に入れることができました。 今までは初代iPod touchのデータを元に、長い年月iDeviceを使用してきましたが、今回は0から設定していこうと思いまして、少しずつ使いやすい環境を整えているところです。 という訳で、今回はSafriのブックマークレットをメインにまとめてみましたので、利用されていなかった方や4S,touch,iPadなどでも活用できるので、お役に立てればと思い紹介します。 購入経緯を少しばかりご紹介します。 当は新型iPod touchで今後のiOSの動向を楽しもうかと思っていたのですが、もともとtouch&ガラケーからiPhoneに乗り換えたのが1台で賄え、電波さえあればネットワーク通信も困らないからという理由でした。 もう一つ、自宅がauのネット環境だったので、端末代を抜いて月額1,725円で利用

    iPhone 5を手に入れたら設定すべきブックマークレットについてまとめ - Will feel Tips Blogger
  • スマートフォンサイトの表示確認に使いたい便利なツール×2

    [対象: 中級] 今日は、スマートフォン向けのサイトを検証するときに便利なツールを2つ紹介します。 レスポンシブ・ウェブデザインでの表示を簡単に確かめられるブックマークレットとスマホでのページ閲覧をシミュレーションするアプリケーションソフトです。 1. レスポンシブ・ウェブデザイン ブックマークレット 1つ目はレスポンシブ・ウェブデザインがどのように機能しているかをチェックするブックマークレットです。 こちらのページにアクセスして「RWD Bookmarklet」というボタン(リンク)をブラウザのお気に入りに追加するか、ブックマークバーにドラッグ&ドロップします。 レスポンシブ・ウェブデザインを確かめたいページでブラウザに追加したそのリンクをクリックすると下のような画面になります。 中央上にある赤枠で囲んだ4つのアイコンをクリックすると解像度を変化させた表示に切り替えることができます。 ア

    スマートフォンサイトの表示確認に使いたい便利なツール×2
  • 被ブクマ数が手軽に確認できるブックマークレット | ClockMaker Blog

    ソーシャルブックマーク数を確認できるブックマークレットを作ってみました。 次の文字列をコピーしてアドレスバーに突っ込むと、そのページがどれだけブックマークされたかが表示されます。 javascript:(function(){var%20d=document;%20var%20s=d.createElement("script");%20s.charset="UTF-8";%20s.src="http://bit.ly/sDU6i?"+(new%20Date()).getTime();%20d.body.appendChild(s)})(); 国内でもっとも使われていはてなブックマークとDeliciousのカウントを表示するようにしています。 自分の作ったサイトがどれだけブクマされてるかチェックすると、注目度がわかって面白いです。アクセス解析と同様でサイトの制作者・担当者的にも被ブクマ数も

    被ブクマ数が手軽に確認できるブックマークレット | ClockMaker Blog
  • 便利な Google ブックマークレット10種類

    Google Blogoscoped [via Lifehacker] の記事で便利な Google ブックマークレットの一覧が紹介されていました。このうちいくつかは使ってましたが、この際ですので便利そうなものをまとめてツールバーに入れてしまいました。そんな10個のブックマークレットをご紹介。 ブックマークレットは一見普通のブックマークのように見えますが実はその場で Javascript 使って「今のページを Google Reader に追加」とか「このページの内容を翻訳」といった機能を呼び出すものです。 記事には10種類が紹介されていましたが、その中でも一番使いそうだなというものだけ選んでご紹介して、さらに別の場所で紹介されていたものを好みで選んでみました。 以下のリンクをツールバーにドラッグするだけでブックマークレットを導入することが可能ですが、RSS でこの記事を読んでいる方は、な

    便利な Google ブックマークレット10種類
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 狐の王国 Amazon Simple URI bookmarklet

    #1 Amazon Simple URI bookmarklet IRCbookmarkletのほうが使ってもらえそうじゃないか、という話があったので、とりあえず作ってみた。 Amazon Simple URI (@105)

  • JAVASCRIPT::BOOKMARKLET

    JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日:2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース&お知らせ 6月27日:「カウンタ」を追加しました。 3月18日:「DOMのソースを見る」を追加しました。 1月26日:「nofollow属性のリンクを強調」を追加しました。

  • 1