- 2008 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2007 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2006 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2005 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2004 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2003 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2002 : 01 02 03 04 05 06 07 08 09 10 11 12
2006-09-29 Fri
ステータスバーの偽装
- Reference
IE / Opera ステータスバー偽造ねた テストページ
http://www.st.ryukoku.ac.jp/~kjm/test/20051118.html
Firefox向でステータスバーのリンク先アドレス偽装しつつ、「I'm feeling lucky検索」を発動するサンプル
http://www.ne.jp/asahi/nut/security/
- via
セキュリティホール memo - 2006-09-28
http://www.st.ryukoku.ac.jp/%7Ekjm/security/memo/2006/09.html#20060928_nutsec
便利なコマンド一覧
- Summary
Windows+R で「ファイル名を指定して実行(R)...」を呼び出す.
- Reference
Windowsで覚えておくと便利な117のコマンド
http://www.i-mezzo.net/log/2006/09/29000214.html
i d e a * i d e a - Windowsで覚えておくと便利な117のコマンド
http://www.ideaxidea.com/archives/2006/09/windows117.html
nslookup で ttl の確認
- Summary
> nslookup
set debug
example.com
- Reference
@IT - Master of IP Network - nslookupにてttlの確認をするためには
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=21427&forum=11&2
虫眼鏡のアイコンは「検索」か「拡大」か
- Summary
説明が必要なアイコンは用いない
処理を開始するスイッチをアイコンに頼らない
制限コントロールの選択肢に否定文を使わない
肯定ボタンのラベルにあいまいな文言を用いない
ナビゲーションをアクションのように見せない
紛らわしいアイコンやラベルは再考する
- 説明が必要なアイコンは用いない
ユーザによって違う意味に理解される可能性もある.
虫眼鏡のアイコンが「検索」を意味するか「拡大」を意味するか.
- 処理を開始するスイッチをアイコンに頼らない
Wordなどの「標準」ツールバー.
アイコンから処理の予測が必要.
プロパティを変更する場合の良い例は,Wordの「書式設定」ツールバー(太字,斜体,下線,囲み線など).
得られる結果をグラフィックで表現すればよいため,具体化しやすくアイコンの効果を得られやすい.
- 制限コントロールの選択肢に否定文を使わない
肯定文と否定文の混ざった選択肢を用いると理解が難しくなる.
否定文に二重否定を用いるとさらに理解が難しくなる.
悪い例はInternet Explorer のオプションダイアログ.
□ スクリプト エラーごとに通知を表示する
□ スクリプトのデバッグを使用しない
□ スケジュールに従ってオフライン項目の同期をとる
□ スムーズ スクロールを使用する
例外は,選択肢として「いずれも選択しない」行為を能動的に行なう場合.
○ 会社員
○ 自営業
○ 主婦
○ 学生
● 該当無し
- 肯定ボタンのラベルにあいまいな文言を用いない
悪い例は「OK」ボタン,「次へ」ボタン.
動作内容をユーザが推測する必要がある.
動作内容を記述することで回避可能.
「入力内容を送信する」,「配送先の入力へ進む」など.
- ナビゲーションをアクションのように見せない
画面遷移のためのナビゲーションと,
動作確定のためのアクションのリンクを区別する.
ナビゲーションであれば「ダウンロード画面へ進む」.
アクションであれば「ダウンロードを開始する」.
- 紛らわしいアイコンやラベルは再考する
アイコンやラベルは限られた表示領域の中で視覚的に表現する.
制作者の意図が確実にユーザに伝わるかは確認が困難.
第三者による検証が必要となる.
- Reference
@IT - 虫眼鏡のアイコンは『検索』か『拡大』か?
http://www.atmarkit.co.jp/fwcr/rensai/usabilitytips03/01.html
gotAPI.com - APIリファレンス集
- Summary
HTML,CSS,JavaScript,PHP,Perl,SQLなどのAPIリファレンス集.
インクリメンタルサーチが可能.
- Reference
gotAPI.com
http://www.gotapi.com/
- via
blog.xole.net : gotAPI.comが何気に便利
http://blog.xole.net/article.php?id=488
bytefx - サイズが小さいエフェクトのためのJavaScriptライブラリ
- Reference
bytefx :: F.A.Q & API
http://www.devpro.it/bytefx/
MYCOMジャーナル - わずか3KB コードも1行でイカス! エフェクト - bytefx (1)
http://journal.mycom.co.jp/articles/2006/09/29/bytefx/
Boofy - mixiのコアエンジン
- Reference
cubic9.com - Blog/2006-02-11
http://cubic9.com/Blog/2006-02-11/
Boofyのpathは :: ぼくはまちちゃん!
http://mxxi.hamachiya.com/2006/02/boofypath.html
CSSで画像のポップアップ
- Summary
画像の幅,高さがわかっていれば,CSSのみで画像をポップアップさせることが可能.
- Reference
hail2u.net - 画像のポップアップ
http://hail2u.net/pub/test/076.html
hail2u.net - Weblog - Linksをサムネイル化した
http://hail2u.net/blog/webdesign/thumbnailed-links.html
Mozshot - GeckoエンジンのWebサイトのスクリーンショットが取得可能
- Reference
Mozshot
http://mozshot.nemui.org/
- via
hail2u.net - Weblog - Linksをサムネイル化した
http://hail2u.net/blog/webdesign/thumbnailed-links.html
Stylish - userContent.css の編集が行なえる Firefox拡張
- Summary
userContent.css の編集,管理が楽になる Firefox拡張.
userstyles.org に数多く登録されている,userContent.css を簡単にインストール可能.
Stylish をインストールすると,userstyles.org に Install ボタンが出現する.
- Add Bookmark Dialog: Show Folder Tree
ブックマーク時のダイアログボックスを大きく,使いやすくしてくれる.
- WellRounded
アドレスバーと検索バーの角を丸くする.
- Icons identifiers of links
ハイパーリンクのテキストにアイコンを付加する.
- Reference
Stylish :: Mozilla Add-ons :: Add Features to Mozilla Software
https://addons.mozilla.org/firefox/2108/
userstyles.org - Add Bookmark Dialog: Show Folder Tree
http://userstyles.org/style/show/995
userstyles.org - WellRounded
http://userstyles.org/style/show/665
userstyles.org - Link: Icons identifiers of links.
http://userstyles.org/style/show/504
- via
hail2u.net - Weblog - FirefoxのuserContent.cssネタ #3
http://hail2u.net/blog/software/firefox-usercontent-css-tricks-3.html
Symphony - XSLTでデザインできるブログ用CMS
- Reference
Symphony
http://21degrees.com.au/products/symphony/
- via
XSLTでデザインできるブログ発行用CMS『Symphony』:phpspot開発日誌
http://phpspot.org/blog/archives/2006/09/xsltcmssymphony.html
Real Time Syntax Highlighting Code Editor JavaScript
- Reference
Real Time Syntax Highlighting Code Editor JavaScript
http://www.txt.org/rtshjs/
- via
ブラウザ上で動作するWebエディタ作成Javascriptライブラリ:phpspot開発日誌
http://phpspot.org/blog/archives/2006/09/webjavascript.html
郵便番号から住所を検索する
- Reference
Kawa.net Blog - [Ajax] CGI不要の郵便番号→住所変換フォーム
http://kawa.at.webry.info/200609/article_10.html
404 Blog Not Found:javascript + perl - yubin2jsonp
http://blog.livedoor.jp/dankogai/archives/50639200.html
iHack - フォームハックゲーム
- Reference
iHack
http://regalsweb.com/ihack/
try2hack.nl
http://try2hack.nl/
digg - How good can you Hack?
http://digg.com/playable_web_games/How_good_can_you_Hack
- via
秋元@サイボウズラボ・プログラマー・ブログ: iHack - 脆弱なHTMLフォームの突破ゲーム
http://labs.cybozu.co.jp/blog/akky/archives/2006/09/vulnerable_html_form_game.html
Google AdSense での収入ランキング
- Reference
John Chow dot Com - The Internet’s Biggest Google Whores
http://www.johnchow.com/index.php/the-internets-biggest-google-whores/
- via
秋元@サイボウズラボ・プログラマー・ブログ: Google AdSenseで大儲けしている個人のリスト
http://labs.cybozu.co.jp/blog/akky/archives/2006/09/google_adsense_winner_individuals.html
script.aculo.us を利用したクロスフェードのデモ
- Reference
Mike-O-Matic - A CSS Crossfader Demo
http://mikeomatic.net/?p=78
- via
クール! Flash/Javaアプレット不要、Script.aculo.usでクロスフェード (MYCOMジャーナル)
http://journal.mycom.co.jp/news/2006/09/28/341.html
Google の検索結果フィルター
- Reference
Google Help : Search Preferences
http://www.google.com/intl/en/help/customize.html#safe
- via
うさぎ文学日記 - 日本のGoogleにも、検索結果にフィルターがかかっている
http://d.hatena.ne.jp/sen-u/20060926/p1
セキュリティホール memo - 2006-09-27
http://www.st.ryukoku.ac.jp/%7Ekjm/security/memo/2006/09.html#20060927_Google
MozRepl - Firefoxにtelnet接続が行なえるFirefox拡張
- Reference
MozLab - Trac
http://dev.hyperstruct.net/trac/mozlab
最速インターフェース研究会 :: Firefoxの拡張MozLabの中に含まれるMozReplがヤバすぎる件について
http://la.ma.la/blog/diary_200609280045.htm
blog.nomadscafe.jp - Plagger::Plugin::Notify::Browser
http://blog.nomadscafe.jp/archives/000627.html
- via
www.textfile.org - MozRepl: Firefoxにtelnet接続してブラウザを制御
http://d.hatena.ne.jp/textfile/20060928/mozrepl
- 2008 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2007 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2006 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2005 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2004 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2003 : 01 02 03 04 05 06 07 08 09 10 11 12
- 2002 : 01 02 03 04 05 06 07 08 09 10 11 12