tota11y – an accessibility visualization toolkit by Khan Academy
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
iCloudを使って超面倒くさいiPhoneのブックマークレット登録を簡単に行う方法 - もとまか日記乙
iPhoneやiPadで利用するSafariのブックマークレットはとても便利。でも、一つだけ欠点があります。それは、 登録するのが超面倒くさい！ という点。 でも、iCloudを使ってMacのSafariでブックマークレットを登録すれば、iPhoneへのブックマークレットも超簡単に出来てしまいます。以前からMobileMeで出来てたようですが、全ての人がその恩恵を受けられるのは、喜ばしいことでしょう。 てことで、以前作ったブックマークレットの中から厳選して、MacのSafariからiCloud経由で登録する用に整理してみました。 iPhone、iPad向けブックマークレットソースコードテキストエリアの高さを変更するブックマークレットjavaScript:num=prompt('','300');var a=document.getElementsByTagName('textarea');
右下にPageRankを表示させるスクリプト（を救出） - by edvakf in hatena
OperaでPageRankを確認する方法。 - あまたの何かしら。 で紹介されているサイトhttp://opera.oslocity.org/shoust/が消えてしまっているので、消える前にダウンロードしたスクリプト（たぶんpagerankv2.jsだと思うが、自分のものは名前がpagerank.jsとなっていた。同じ物だと思う）を救出する意味でコピペしておく。ライセンスは不明。 document.addEventListener( 'load',function hmm(){var r=function(x,y){return Math.floor((x/y-Math.floor(x/y))*y+.1);},ch=function(url){url='info:'+url;var c=[0x9E3779B9,0x9E3779B9,0xE6359A60],i,j,k=0,l,f=Mat
bookmarklet maker
title: option: " -> \x22 (for Opera) script: (function(){ })() script(space removed): bookmarklet: bookmarklet
はてなブログ | 無料ブログを作成しよう
インターネットをやめろ。スマホを床に置け。文章を書くんだ。 昨年末からスマートフォンを眺める時間が増えてしまっているのを感じる。 色々一悶着あり（詳しくは言及はしない）、過剰なストレスに対応するためにスマートフォンでSNSの情報をザッピングすることで怒りや不安、悲しみといった感情を感じないように「消して」きた。…
Big Sky :: 今さら聞くのは恥ずかしい「microformatsとは何か？」
正直、microformatsは勉強してませんでした。 twitterでotsune氏がよく「microformats」についてコメントさえておられたのを聞いて、私もmicroformatsについて勉強しなきゃと少しだけですが勉強してみました。 microformatsとは？ microformatsとは、Web上にメタデータを付与し、言わば添付データとして二次利用可能なデータを指しています。 最近ではTechnoratiが盛んに注目しており、検索しようとしている人に対するマッチングに利用しようとしているみたいです。 microformatsを扱う上で何か覚えなくてはならないのか？ いえ、microformatsは現存のHTMLに対するクラス名、リンク属性の指定方法を特定の決まりに従い設定する事でそれをmicroformatsとして扱わせるものです。 ですから、現状の既に書いていたHTML
動画を楽しもう！（Flickr VideoのFLV動画をダウンロードするブックマークレット） | Creazy!
4月9日に開始されたばかりのFlickr Videoですが、すごい高画質で魅力を感じています。 No Video運動が起こっていたり話題に事欠きませんが…、今回は、FLVのダウンロード方法が分かったので早速ブックマークレット作りました。 ※なぜか、XMLHttpRequestとかDOMとかやるはめになったので（w）Ajaxの基礎編としても参考になるかもしれません。 ブックマークレットの登録と使い方 ・Get Flickr Video １）上記リンクをブックマークしてください。 ２）flickrのVideo再生ページを表示します。（embedされているブログなどは非対応です） ３）ブックマークレットを実行します。 ４）Downloadが始まるので保存するフォルダとファイル名を決めてOKするだけ。 以下環境で確認しました。 ・Windows – Internet Explorer 7 ・Win
第15回：見ているページをAnother HTML-lintで文法チェックするブックマークレット | Creazy!
サイトを作ったら、見た目の確認も重要ですがマークアップの文法チェックも重要です。別にW3C信者という訳ではありませんがSEOの面でもstrictなHTMLの方が良さそうなのでできる限り対応した方が良いです。 「Another HTML-lint」はHTMLの文法チェッカーとして有名です。 で、その文法チェックがweb上でできるのが「Another HTML-lint gateway」なのですが、このサービスに１クリックで飛べるブックマークレットを作ってみました。 Do Another HTML-lint 上記リンクをブックマークして下さい。 中身はこんな感じです。 javascript:(function(){window.open('http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi?Method=URL&ViewSource=on&O
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
Jesse's Bookmarklets Site
Bookmarklets Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser. To use a bookmarklet from this site on another web page: 1. Drag the bookmarklet (e.g. zoom images in or zap colors) to your Bookmarks Toolbar or Links Bar. 2. While viewing a page you want to use the bookmarklet on, click the bookmarklet from your Bookmarks Toolbar. Bookmarklet cate
Web Development Bookmarklets
These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. (To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.)
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
tingelets – Bookmarklets for Web Developers
This domain may be for sale!
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML/CSS/JavaScriptを改善してWebサイトのパフォーマンスを向上しよう·DOM Monster MOONGIFT
oAutoPagerizeとLDRizeをインストールせずにBookmarkletから使う 登録用ページ - 0x集積蔵
[Bookmarklet]CSSのオン・オフを切り替える![[Bookmarklet]CSSのオン・オフを切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)