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
リンク先のはてなブックマーク数を表示するブックマークレット
リンク先のはてなブックマーク数を表示するブックマークレット リンク先のはてなブックマーク数を表示するブックマークレットを作ってみました。 実行するとこんな感じ 実行方法は、次のリンクを右クリックから『このリンクをブックマーク』を選択して、ブックマークを表示したいページでブックマーク『はてなブックマーク数を表示するブックマークレット』を実行します。(Firefox) はてなブックマーク数を表示するブックマークレット ちょっと便利じゃないかなと思うけど、どうでしょうか？ 関連エントリー Wordpressではてなの被ブックマーク数を表示する方法 SBM toolリリースしました。 SBO（ソーシャルブックマークオプティマイズ）のブックマークレット del.icio.us登録用のブックマークレットをblogなどに設置する はてなブックマーク登録用のブックマークレットを設置 スポンサードリンク t
最速インターフェース研究会 :: フィード吐いてそうなリンクを強調するブックマークレット
先日書いた、リンク先まとめて購読する機能のAPIが公開されたので、 http://blog.livedoor.jp/staff_reader/archives/51035779.html こんなことができます。IE6の文字列制限ギリギリに圧縮（たぶん） フィードを吐いてそうなリンクを強調 ソース (function(){ var api="http://rpc.reader.livedoor.com/feed/discover?url="; window.__feed_discover=function(r){ var seen={}; var links=document.links;len=links.length; for(var i=0;i<len;i++){ var a=links[i];href=a.href; for(var l=0;l<r.length;l++){ var
Google Mapsで緯度・経度を調べるための一行のコード - POP*POP ～ 世界のニュースをクオリティ重視で
Google Mapsで緯度・経度を調べたい・・・というときのために知っておくと便利な一行コードのご紹介。 使い方は簡単で、緯度・経度を調べたい地点を中心に表示させたあと、次のコードをアドレスバーに入力するだけ。 javascript:void(prompt(”,gApplication.getMap().getCenter())); すると次のようなダイアログが出てくれます。コピーしやすくていいですね。 ↑ 簡単ですね。 ちなみに以下のような方法もありますが、今回のやり方のほうがシンプルでいいかもですね。覚えておくと便利なのではないでしょうか。 Going My Way: Google Mapsに現在の緯度経度情報をわかりやすく表示するGmapExtras Life is beautiful: Google Map で任意の場所の緯度と経度を知る方法 元記事は以下よりどうぞ。 » Get
最速インターフェース研究会 :: HTMLドキュメントを解析して特徴的なループを見つけるBookmarklet
- 全てのDOMノードを列挙する - ノードは次のように文字列化される。 0: /html[0]/body[0]/div 1: /html[0]/body[0]/div[0]/div 2: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 3: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 4: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 5: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 直前の階層までは添え字つき、最後のノードはタグ名のみにする。 class名、id名は排除する。各々のサイトのルールで記述されたruleよりも タグのネスト構造の方が変化に強いし機械的に抽出しやすいのではないか？ 出現回数でソートする。li要素2-5はループであることが分か
最近的2019中文字幕国语在线,最近的2019中文字幕免费,最近手机中文字幕大全7,最近完整中文字幕2019下载
最近的2019中文字幕国语在线,最近的2019中文字幕免费,最近手机中文字幕大全7,最近完整中文字幕2019下载
Jash: JavaScript Shell
Home Features Documentation Download Screenshots A Cross-Browser Javascript Command-Line Debugging Tool What is it? Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. With this console you can quickly debug scripts, manipulate the DOM, view the current page's objects, functions, and variables, trace the execution stack, execute arbitrary J
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
QrONE - 世界中のWEBページの上がはてブの支配下になる「はてブレット！！」
はてなブックマークを、ブラウザブックマーク式に使いたい！ そんな願いを叶える究極のブックマークレット はてブレット!! 上のリンクを右クリックして「ブックマークに登録」して使ってください そのまま上のリンクをクリックすると右上にメニューが出ますが… これを好きなページを見ているときに右上に出すことが出来るようになります。 ブックマークをどこかのサイトを見ながら使うとメニューがページ内に表示されるようになります。ブラウザのリンクバーとかに入れておくと、はてなブックマークが普通のブックマークみたいな使い勝手になって便利です。 特徴としては... はてなブックマークに簡単アクセス はてなブックマークに簡単にアクセスできるメニューを表示するブックマークレットです。 とりあえずはてな対応しました。（はてなブックマークのＲＳＳ機能を利用している為、公開ブックマークしか表示できません。）
Collection & Copy - 次の画像/前の画像、ブックマークレット
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
グリッドレイアウトブックマークレットを作りました : akiyan.com
グリッドレイアウトブックマークレットを作りました 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 実用的！レイアウトで悩んだときに頼れるツール 計算された余白やレイアウト。美しいと感じるものには何か法則があるはず
javascript - meta bookmarkletのひな形 : 404 Blog Not Found
2007年02月25日06:15 カテゴリLightweight Languages javascript - meta bookmarkletのひな形 私はメタ男くんなので、さらにメタ、すなわちこういうmeta bookmarkletを簡単に作る方法を考えてみた。 Life is beautiful: 複数のbookmarkletの機能を一つにまとめた「シオレット」 そこで、いくつかのBookmarkletの機能を一つにまとめた、メタBookmarkletを自分のために作ったのだが、せっかくなので、ここで公開。まずは、メタブックマークレットそのもの。ここでは選択されたテキストに対して何かをするbookmarkletを用意。 MetaBookMarklet - Selected Text とりあえずSafariとFirefoxとOperaで動作確認。IEの動作確認きぼんぬ。 [追記:IE6
Life is beautiful: 複数のbookmarkletの機能を一つにまとめた「シオレット」
Bookmarkletの存在を知ってから、いくつか気に入ったものをインストールしたり、自分で作ってみたりして遊んで来たのだが、普通のウェブページへのリンクも含めて数が増えてくるとツールバーが一杯になってしまい、使い勝手がぐっと悪くなる。 そこで、いくつかのBookmarkletの機能を一つにまとめた、メタBookmarkletを自分のために作ったのだが、せっかくなので、ここで公開。名づけて「シオレット」だ（bookmark=しおり）。 【シオレットのインストールの仕方】 [シオレット] ← このリンクを右ボタンでクリックして「お気に入り/bookmark」として追加する。左ボタンでクリックしてしまうと、シオレットがこのページ上で動いてしまうので注意（その場合は、グレーの部分をクリックすればメニューを閉じることができる）。 追加する場所としては、Firefoxの場合は Bookmark To
suVeneのあれ: [bookmarklet]はてブ追加(似非GreyBox風)ブックマークレット
2007年02月18日 [bookmarklet]はてブ追加(似非GreyBox風)ブックマークレット GreyBoxを利用したブックマークのリンク方法 - youmos aki77の日記 - livedoor ReaderからGreyBoxを利用してはてブにブックマーク このあたりみて、インターフェースが気に入ったので俺用に適当に作った。 GreyBoxをどっかに用意するか、Greasemonkey使うかしたらもっとちゃんとできるのだが、メンドウだしやらね。 はてブ追加(似非GreyBox風) for FireFox only こんな感じで、ページ遷移やポップアップなしでブックマーク。 IFrame の中まで透明がかってるとか、×ボタンがカクワルイとかはしらねー！ ゴージャス版も作ったぞ！(追記: 2007/02/21) suVeneのあれ: [bookmarklet][ネタ]はてブ追加
Firebug Lite をブックマークレット化しました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ご存知の方も多いかと思いますが、先日 Firefox 用 Web 開発ツールの代表格 Firebug の 1.0beta がリリースされました。それはそれで嬉しいニュースですが、さらに素晴らしいことに機能限定（というかログ表示とコンソールのみ ＾＾；）ながら Firefox 以外のブラウザーでも動作する Firebug Lite も同時に公開されました。 Oper
Firebug Lite
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.adamrocker.com/hateco/
oitake blog | スタイルシートステッカー
http://slideshow.triptracker.net/
tingelets – Bookmarklets for Web Developers