tatamilab.jp
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/
2007年11月24日15:30 カテゴリLightweight LanguagesTips javascript - パスワードを確認するbookmarklet これの改良版です。 アスタリスクで隠されたパスワードを確認する方法 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 ブックマークレット: Check Password ソース: javascript:(function(){ var F=document.getElementsByTagName('input'), a=[]; for (var i=0,l=F.length;i<l;i++){ if(F[i].type.toLowerCas
ログインが必要なサイトの多くは、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() ==
MRIは、クリックした箇所のCSSのセレクタの表示や指定したセレクタの箇所をハイライト表示するブックマークレットです。 MRI :: for web developers MRIには2種類の機能があり、一つはクリックした箇所のCSSでのセレクタを表示します。 例えば、body箇所だと「body, html body, html>body」のように表示されます。 もう一つは、テキスト入力欄にセレクタを入力するとその箇所をハイライト表示します。 また、これら2つを組み合わせると、どのセレクタにスタイルシートの指定を記述するか明確に分かります。 同作者のブックマークレットには、スタイルシートの指定を表示する「XRAY」もあります。
Web担編集部の安田です。Web担のはてブ件数1万件超え()を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」(IEの場合)または「このリンクをブックマーク」(Firefoxの場合)してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか?」とのセキュリティ警告が出ま
JavaScript[J]と[K]で、次の画像/前の画像へ移動できるようにするブックマークレット。ウェブで、写真や画像を、よく見る人には便利なことと思う。 以下のページのように、一つのページの中に多数の画像があるページで利用する。(全部のページで正常動作を確認した。) Dark Roasted Blend: Lords of the Logistics, Part 3らくがきVintage Photographs -- Entries on 3rd January 2006Flickr: Photos from hiramekii スクロールをするために、視線をスクロールバーへやったり、マウスを操作したりすることを煩わしく思ったため作った。ページの上部に次々に写真が現れるため集中できる。おかしな位置でスクロールが止まり、画像が切れてしまうこともない。 以下は、Firefox 2.0とIE
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
グリッドレイアウトブックマークレットを作りました 2007-03-08 グリッドレイアウトのためのちょっと便利な背景画像 | S i M P L E * S i M P L Eが便利そうだったので、ブックマークレットを作ってみました。 ブックマークレットをを実行すると、背景画像がWeb Page Layout Grid | Smiley Cat Web Designで使われている画像に切り替わります。 ブックマークレットは以下からどうぞ。 [背景をグリッドレイアウトにする] 背景画像を切り替えてるだけなので、他にも応用がききそうです。 コメント / トラックバック コメント / トラックバック 3 件 *LOVE IS DESIGN* より: 2007-03-10 00:35 実用的!レイアウトで悩んだときに頼れるツール 計算された余白やレイアウト。美しいと感じるものには何か法則があるはず
「tingelets」 は、(X)HTML 文書内の選択した要素に背景色を付けて、その場所をわかりやすく表示してくれるブックマークレットのセット。 ブラウザごとの拡張機能ではなく、ブックマークレットなので様々なブラウザで使用可能なのがミソ。 tingelets : Bookmarklets for Web Developers tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layo
del.icio.usにポストするブックマークレットです。 ページを見ながらポストできます。 注意 フレームのページはふつうのと同じ動作をします(del.icio.usのページへ移動します) MacのFireFoxでしか確認してません。 IE6はposition:fixedが使えないのでうまく動かないと思います。 version 0.0.2 (2007/01/30 21:19) IFRAMEがある場合、フレームのページのように処理していたのを修正 複数回実行したときに、実行しないように変更 ちょっとリファクタリング version 0.0.2 0){location.href=url}else{var dummy=document.createElement('div');dummy.style.height=(layerHeight+bottomMargin)+'px';var div
Bookmarkletとは Bookmarkletとはブックマークやお気に入りに登録して使用できるJavaScriptで書かれたスクリプトです。 ホームページを見ていていつも行なう作業を自動化したり、選択したキーワードを一瞬でGoogleで検索したり、痒いところに手の届く便利なツールです。 開発日記blogで気が向いた時につくっては、記事にしてきましたが、数が増えてきたので、まとめて紹介するページを作ることにしました。 当サイトで配布しているBookmarkletは自由に改造を行ってもらってかまいません。 またその際に許可を取る必要もありません。 ただし、再配布する場合は配布する個人の責任において行なってください。 それにより生じた不具合、損害については一切保障できませんので、そのことをご了承の上、再配布してください。 当サイトで公開されているソフトのBookmarklet Bookmar
Website Thumbnail Preview : Floating Link Preview (See also: Website Thumbnail Preview : Link Preview) Welcome to Floating Link Preview ! ! ! Lets start with ScreenShot: (Please note that following is a Screen Shot) (Please note that above is a Screen Shot) Above is a screen shot of Floating Link Preview in Work. On taking mouse over a link on the web page, it is displaying it's thumbnail image pr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く