ブログ記事やサイトを紹介するのに「はてなブログ ブログカード」がかなり都合がいいかもしれない*prasm
はてなブログ ブログカードってどういうの？ 見てもらったほうが早いと思うので、 はてなブログ ブログカードをブックマークレット化してみたよ こういう奴↑です。 「ブログカード」をOGPなどに対応しました。さまざまなWebページをコンパクトに整形して掲載できます – はてなブログ開発ブログ 仕組みは正直良くわかりませんが、なんとなくスマートです。 タイトルがわかりやすくて、記事内の画像（OGP拾ってるぽい）が出て、本文の抜粋があって、ブログ名の横にはなんとファビコン！ こんなになごむ記事がかつてあっただろうか。→ 【Androidでも出して欲しい。たのむ！】北陸の観光名所が施された「iPhone用金箔カバー」がかっこいいと俺の中で話題 http://t.co/hPPxKueR5x #金箔 — シンタロヲフレッシュ (@shintarowfresh) November 13, 2014 ↑Tw
Facebook にウェブページを再クロールしてもらってキャッシュのリセットと OGP の書式チェックができるブックマークレット
Facebook にウェブページを再クロールしてもらってキャッシュのリセットと OGP の書式チェックができるブックマークレット 2011年12月02日 16:17Facebook OGP (Open Graph Protocol) という約束事がありますね。 Facebook などにウェブページなどの情報を伝えるのに使われるもので、 このブログのトップページだとこんな感じで書いてあります。 そのページが Facebook でシェアされたり「いいね！」されたりしたとき ここに書いた画像や説明文が拾われるわけですけど、 いったん取得されたら Facebook 側でキャッシュされてしまって いくら手元で書き換えても反映されない。 ただこの情報は OGP の書式を確認するためのこのツールを使うと Facebook のが現在の状態を取得しに来てくれるので 新しい状態に更新されますね。 Debugg
SubtlePatterns Bookmarklet - Preview background patterns on your website
SubtlePatterns on your website Preview hundreds of great patterns from SubtlePatterns.com directly on your website What is this? Why is it useful? Finding a good background pattern for your website can be a pain. Fortunately, SubtlePatterns offers hundreds of great patterns you can use on your website for free. This bookmarklet lets you preview all those background patterns directly on your websi
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
OGPタグ確認に便利！ブックマークレットで手早くチェック | ブログ | SINAP - 株式会社シナップ
'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0 ';if(og_image%20==%20undefined){addtext%20+='%C3%97%20og:image%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82 '}else{addtext%20+='url'+%20og_image%20+' ';if(og_image.match(/http:\/\/[^\/]*/)%20!=%20null){var%20og_image_domain%20=%20o
ブログ更新を快適にブロガー必須のブックマークレット まとめ | nori510.com
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度
ブックマークレットよキャズムを超えろ！ブックマークレットにまつわるフェンリルからの素敵なお知らせ
こんにちは。坪内＠プロモーション担当です。 突然ですが、ブックマークレットって知っていますか？ ブックマークレットというのは、ブラウザのお気に入りに登録しておいて、いつでも自由に呼び出すことができる JavaScript のコードのことです。単純なものからかなり複雑な処理を行うものまで、多種多様なものがあり、また、簡単に自作することもできます。 例えば、以下のリンクをクリックしてください。 はてなブックマーク数とコメントを表示 はてブ数とコメントが表示されましたね？ これをブラウザのお気に入りに登録しておけば、いつでも、はてブ数とコメント内容を簡単に表示させることが出来ます。 はてブへの追加も、Evernoteへのクリッピングも、Facebookのシェアも、ブックマークレットだけで行えます。 今日はそんなブックマークレットに関する素敵なお知らせをみなさんにお届けします。 便利ですよね。ブッ
Publitweet.com is available at DomainMarket.com
What's in your Domain Name? Print This domain name will potentially help you bring in more customers and profits every day, as the domain itself goes up in value. A super premium .Com domain name from DomainMarket.com means instant branding, search engine, and marketing benefits. We make it safe, easy and affordable for you to own Publitweet.com right away. Click here to purchase Publitweet.com Do
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
ブロガー必須！のChromeエクステンション「Chrome Keyconfig」の設定方法
ブログを書くなら余計な手間は省きたい。 それはこの世に生きとし生けるもの、万物全ての祈り・・・。そんな気がする。 と、言うわけで今日は劇的にブログ作成を楽にしてくれるChromeエクステンションのご紹介。 ショートカットキーでブックマークレットを呼び出すというエクステンションで、Make LinkジェネレーターはFirefoxのMake Linkのように自分用にカスタマイズしたHTMLタグを吐くブックマークレットをつくってくれるツールです。これを組み合わせることで超高速にHTMLタグを作成できます。 例えば「Shift」+「L」でリンクタグを作成出来たり、「Shift」+「Q」で選択した文章で引用タグを作成出来るのです。9つの中で一番おすすめ! 以前、上の記事を読み、一番最初に紹介されているChromeエクステンション「Chrome Keyconfig」を導入しようとしたのですが、なるほど
閲覧しているHTML5製のWebサイトの構文チェックをサクッと行えるブックマークレット
構文チェックといっても、バリデーション サイトに飛ばす、というブックマークレット なんですが、あれば便利だなぁと思った のでシェア。HTML5 Validatorという WebサービスにURLを放りこんでくれる ブックマークレットです。 楽なので覚えておきたいですね。ブックマークレットも増えすぎると微妙ですけどね・・ HTML5 Validator Bookmarklet ご利用のブラウザにHTML5 Validatorをドラッグ＆ドロップしてください。 使ってみる 試しに使ってみます。上記は、designbitsさんのサイトで、HTML5で構築されています。ここでブックマークレットを使ってみます。 直ぐにHTML5 Validatorでの検証結果が表示されます。ワンクリックで済むので手間が省けていいですね、これ。designbitsさんは見事に問題無しでした。すてき。 という訳でHTML
ブックマークレット／Bookmarkletの作り方 - catch.jp-wiki
Photo by Gayatri Krishnamoorthy via Flickr Bookmarklet(ブックマークレット)は、Webブラウザに追加できる小さなプログラムです。 ブックマーク(お気に入り)に置いといて、そこから呼び出す小さなプログラムなので、こんな名前になってます。 たとえば、Wikipediaや英和辞書で調べたり、今見ているWebページをちょっと加工したり、なんてことができます。 Webブラウザを使っていると、自分専用でちょっとした便利な機能が欲しくなることがありますよね。 解決する方法は色々あるけれど、とりあえずBookmarklet(ブックマークレット)が簡単なんじゃないか。 ということで、作り方を調べてみました。 ちなみに、ドラッグで選択した文字を検索するのは、ブックマークレットを使わなくても、右クリックすればOK >>オススメのJavscript解説書 確か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Easily Identify Any Webfont With Type Sample · Typewolf
Feelingplace
ActyWay.com is for sale | HugeDomains
n1kumeet5.com