アスタリスクで隠されたパスワードを確認する方法 [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/cf9028d1820ac888c3aa505fcaff9f4183045203/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
Apache入門
Apache は、世界で最も広く利用されている Web サーバソフトウェアの一つです。1995 年に Apache Group によって開発が始まり、その後 Apache Software Foundation によって管理・改良が続けられています。Linux だけでなく Windows や macOS などのさまざまな OS 上で動作し、個人のウェブサイト運営から企業の大規模な Web サービスまで、幅広い用途で利用されています。 Apache の最大の特徴は、その高い柔軟性と拡張性です。モジュール構造を採用しており、必要な機能だけを追加・有効化することで、軽量な Web サーバとしても、高機能な Web サーバとしても運用することができます。さらに、Apache は高い互換性を持っています。 PHP や Python 、 Perl などのさまざまなプログラミング言語と組み合わせて使用し
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、１クリックでも少ない手順で！」という要望にお応えします。
最速インターフェース研究会 :: Safari for Windows betaで日本語表示する方法
Preferences → Appearance で日本語のフォントを指定。 Documents and Settings\username\Application Data\Apple Computer\Safari\WebKitPreferences.plist が、こんな風になる。 <key>WebKitFixedFont</key> <string>ＭＳ ゴシック</string> <key>WebKitStandardFont</key> <string>ＭＳ Ｐゴシック</string> で、フォント名から、実際のフォントファイルを参照する部分がおかしいみたいなので、 Documents and Settings\username\Local Settings\Application Data\Apple Computer\Safari\Fonts.plist を弄る。 <ke
古いバージョンのＩＥを１台のＰＣで使う方法:phpspot開発日誌
IE 6.0 - Browsers - Multiple Explorers ブラウザの速度比較のリンク先でも出てましたが、古いバージョンのIEを使う方法。 サイトでは、IE3、IE4、IE5.01、IE5.5sp2のバイナリが配布されており、解凍してすぐ使えます。 古いバージョンのIEでいろいろページを見ていると、CSSでデザインされているページの場合、結構デザインが崩れてたりします。 古いＩＥはないから動作検証できないなぁ、と思っていた人にもこれである程度調節は出来ます。
効率よく、タギングをする秘訣：Goodpic
This shop will be powered by Are you the store owner? Log in here
エラーメッセージをコピペする
「エラーメッセージが出て、アプリケーションが落ちた」と相談を受けたことはないだろうか。エラーメッセージの内容が分からなければ、何ともアドバイスもできないのだが……。 「意味不明なエラーメッセージが出て、アプリケーションが落ちちゃった」などと、知人から相談を受けたことはないだろうか。エラーメッセージの内容が分からなければ、何ともアドバイスできない。回答に窮してしまう相談だ。 とはいえ、「エラーメッセージは選択できないし、コピーもできないのでは」と思っている人は少なくない。中には正確に伝えようと、デジタルカメラで撮影したエラーメッセージのスクリーンショットを送ってきてくれた知人もいた。 実は、答えは簡単なのである。エラーメッセージをマウスで選択することはできないが、コピー自体は可能なのだ。試しに、エラーメッセージのウィンドウをアクティブにして、［Ctrl］＋［C］を押してみよう。その後、テキス
訪問済みリンクを一工夫する - lucky bag
リンクの色によって、訪問済みなのか否かの判別を出来るようにするってのは、ユーザビリティ的には必要なことだとは思う。そう言った意味では、拙サイトなんかは全くもって許し難い設計な訳だけど、まぁそれは置いておく。んでもって、ただ色を変えるだけではなく、画像を使ってもうちっと視覚的に分かりやすくするのもありなんじゃないのかなぁって思ってみた。そして、サンプルを作ってみた。 visited_link_sample.html サンプル内のリンクが既に訪問済みであれば画像がチェックマークに変わるはず。CSS は下記のような感じで、a 要素に対してそれぞれ a:link、a:hover、a:visited で一つの背景画像の位置を変えることで見せ方を変えている。 li a { padding-left: 25px; line-height:180%; background:URL(mark.png) no
CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与:phpspot開発日誌
Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後
FUSEを使ってはてなブックマークから POOKMARK Airlines へ乗り換える方法 - bits and bytes
Google Code で macfuse がリリースされたのをきっかけに、FUSEをみんながおもちゃにするに違いないと思ったのにだれもおもちゃにしていないみたいで、くやしかったので自分でおもちゃにしてみました。 FUSEの利点は、ファイルシステムという今まで数十年間使われてきた標準的なインターフェイスに任意のサービスをマッピングできるということにあります。数十年間、ファイルシステム上でファイルを扱うために様々なツールが開発されてきました。ファイルシステムにサービスをマッピングできるということは、数十年間蓄積されてきたファイルを扱うためのツールをそのままサービスを扱うためのツールとして利用できるということです。 例として WikipediaFS, view and edit Wikipedia articles as if they were real files を見てみましょう。このw
Operaの便利な使い方、中の人に聞きました (1/2) - ITmedia Biz.ID
タブブラウザで、無料で、独自エンジンで高速、高性能――というキーワードに、ノルウェー生まれ、携帯電話、Wiiといったキーワードを組み合わせると……。そう「Opera」である。Opera Softwareの冨田シニアバイスプレジデントに、Operaの便利な使い方を聞いた。 タブブラウザで、無料で、独自エンジンで高速、高性能――というキーワードだけだと、「Firefox？」「いやいやSafariじゃね？」なんていう人たちもいるかもしれない。ノルウェー生まれ、携帯電話、Wii……といったキーワードを組み合わせるともっと絞り込める。そう「Opera」である。 2008年第2四半期中の正式リリースを目指す最新版「Opera 9.5」を控え、Opera Softwareのコンシューマー製品部門を統括するシニアバイスプレジデント冨田龍起氏に、Operaの便利な使い方を聞いた。 中の人オススメの便利ワザ・
YouTubeにキスするとFLVファイルがダウンロードできる「KissYouTube」
YouTubeのアドレスに「kiss」という文字列を加えてEnterキーを押すと自動的に元のFLVファイルがダウンロードできるようになるという一風変わったサービスです。利点としては、いちいちダウンロード専用のフォームなどを使わなくてもすぐにその場でダウンロードできるということ。消される前に一秒でも早くダウンロードしたいときに最適です。 使い方は以下の通り。 KissYouTube - Download Youtube Video. Just add 'Kiss'! Keep It Super Simple. http://www.kissyoutube.com/ まずはYouTubeでダウンロードしたいムービーのあるページに行き、アドレスバーを見る 次に「youtube.com」の前に「kiss」を入れて「kissyoutube」とする するとKissYouTubeのサイトに飛びます あと
仕事に集中したい人向けのfirefoxの究極の設定法 (エム会議：白)
初めての借入の時に重視することはなんでしょうか？初めてキャッシングやカードローンを使うときに、多くの人はあまり金利などを気にしたりはしませんし、返済条件についても気にするようなことはありません。なぜならそういった条件というのは一度でも利用したことがある人が気にする点だからです。初めて利用する人にとってはどの程度の金利ならどのくらいの借入負担があるのか、返済はどういう風にしたらいいのかなどがわかるものではありません。ですから、多くの場合は返済条件や金利などよりも「なんとなくこれがいいな」というような雰囲気で選ぶことが多いです。そこでよく選ばれるものとなれば、プロミスが多くなってくるのです。 プロミスが選ばれる理由は色々とありますが一番大きい理由は歴史があるということです。プロミスの人気は歴史がなければまず考えられないでしょう。元々はひとつの貸金業者であり、サラ金でしかなかったのですが、そのプ
汎用CSS - tikeda's blog
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画
404 Blog Not Found:CSS - 縦方向にセンタリングする
2008年03月01日14:15 カテゴリTips CSS - 縦方向にセンタリングする 以下で紹介されていた、縦方向にセンタリング表示するためのCSSです。 Vdot Media - Vertically center content with CSS 縦方向にセンタリングするという需要は私には結構あります。たとえばスライドを作る時とか。 結論だけいきなりまとめてしまうと、以下のようになります。 http://www.dan.co.jp/~dankogai/blog/vcenter.html ここではあえてpaddingをつけてそれぞれのdivタグの位置関係を明示するようにしました。 これで、セルが一つだけ入ったtableを使う必要がなくなりました。 が、はっきりいってめんどいなあ。divタグを三重に使うというのがねえ。原理も、CSSでtableを再現しているに過ぎないし。IE用のテクニ
JavaScript でブロックスコープを実現する: Days on the Moon
JavaScript には基本的にブロックスコープというものが存在しない。どうしてもブロックスコープを扱いたいときは function 式を使ったりする。 var a = 10; { var a = 20; print(a); // 20 } print(a); // 20 var a = 10; (function () { var a = 20; print(a); // 20 })(); print(a); // 10 だがやはりブロックスコープがあったほうが便利ということで JavaScript 1.7 では let 式、let 文、let 宣言が導入される。 var a = 10; let (a = 20) { print(a); // 20 } print(a); // 10 しかしこれでは対応するブラウザが Firefox 2 以降などに限られる。ところが、with 文とオブ
[ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize - Greenbear Diary (2007-02-05)
■ [ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize 今日は、RubyでWebサイトを解析するときに強い味方となるライブラリ、HpricotとWWW::Mechanizeを紹介します。 どちらも非常に強力なので、覚えておいて損はないよ！ 以下ではまずHpricotでHTMLを解析・編集する方法について解説します。 次に、「はてなダイアリーの自動更新」を例にWWW::Mechanizeの使い方を解説します。 Hpricot HpricotはHTMLを解析するためのライブラリです。 例えば「あるページのリンクだけを全部抜き出したい」と思ったとき、どうしますか？scrAPIを使う？でもscrAPIはやっぱり ちょっと使いたいだけなのにパーザ(Scrape)用のクラスを定義するのが面倒なんだよね！ Hpricotなら、たったこれだけで
![[ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize - Greenbear Diary (2007-02-05)](https://cdn-ak-scissors.b.st-hatena.com/image/square/61276eb6fa71f668ca0107b5f4a162804f6b92e9/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Froute477.net%2Fd%2Fassets%2Fogimage.png)
Web 開発用に Firefox を拡張する
The article was originally posted by Fini Alring for his own weblog on 3rd September, 2005. The original article and this translation are licensed under a Creative Commons License. Mozilla Firefox ブラウザ は単体でも、おそらく最も素晴らしい Web ブラウザだろう。しかし、Firefox 1.0 の登場以来培われてきた拡張機能のおかげで、いまでは間違いなくキラーアプリケーションになったといえる。Web 開発者にとっては、分析、デバッグ、そして検証用の究極のツールだし、ユーザにとっては、個々のニーズを満たしてくれるブラウザにするための素晴らしい基礎を提供してくれる。 ここで、なくてはならない拡張機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくといいかもしれないCSS、8つの小技 | IDEA*IDEA
ステータス200なのに「その商品はありません」