Creating a table with dynamically highlighted columns like Crazy Egg's pricing table (Ask the CSS Guy)
Creating a table with dynamically highlighted columns like Crazy Egg's pricing table Update Aug 29, 2007: Examples 9 and 10, and the downloadable zip now accommodate for JavaScript-disabled browsers. Update Aug 28, 2007: links to examples fixed. Again. I like Crazy Egg's pricing table on their Pricing & Signup page. When you click on "Sign Up" for an option, that plan's column highlights, the othe
はてなダイアリーに任意のiframeを貼り付ける - monthly gimite
2011/3/2追記: 2011/3/2以前にこのコンバータで変換されたガジェットが正しく表示されない不具合が起きていました。現在は修正済みです。→詳細 最近はiframeを使ったブログパーツがいろいろありますが、はてなダイアリーではiframeが使えません。 Google Gadgetを使えば任意のiframeを埋め込めるのですが、めんどくさいので、iframeを自動でGoogle Gadgetに変換するものを作ってみました。 iframe → Google Gadgetコンバータ ためしにGoogleドキュメントのプレゼンテーションを貼り付けてみました。 ニコニコ動画のサムネイルもこれを使って埋め込めますが、ニコニコ動画のGoogle Gadgetもあります。
URLランキングをPerlで作る方法
URLランキングサイトとは、多くのサイトを巡回し、リンクを抜き出して多い順に並び替え表示するサイトです。リンクが多く張られている（＝話題となっている）ニュースをランキング形式で一望できる便利なサイトです。「blogdex」というサイトがありましたが、現在は停止中です。現時点で稼動している類似サイトは「1470.net」「みなぎね5.1」「メガとんトラック」などがあります。 ここではそういったサービスをどう実現するかの、簡単なサンプルを作る方法を箇条書きで解説します。もちろん最低限のPerlの知識がないと読めません。 やり方を箇条書きにしてみる 巡回するニュースサイトを仮に100サイト選定 100サイトのHTMLファイルをGET HTMLファイルからリンクだけを全部抜き出す 24時間くらい待つ 改めて100サイトのHTMLファイルをGET HTMLファイルからリンクだけを全部抜き出す サイト
迷ったら狩野さん！...狩野分析法による優先度付け - masayangの日記（ピスト通勤他
追記 id:discypusさんから、狩野分析法の出典に関するコメントをいただきました。 狩野法って、 狩野 紀昭 氏 http://www.sangakuplaza.jp/page/134499 の http://www.yahoo-vi.co.jp/method/b10.html の手法かと 思うのですが、合ってますでしょうか？ まさにこれですね。http://www.yahoo-vi.co.jp/method/b10.html にある日本語のほうがすっきりしてます。 お詫び 分析用配列に誤りがありました。修正してあります。 要旨 先日受講したScrum Product Owner Trainingで印象に残った分析法を紹介。 Agile開発では「優先度順に要件（フィーチャ）を開発していく」のが基本だが、いざ優先度をつけようにも話は簡単ではない。発注側に強力な指導者がいてその人が独裁的
コネコクラブblogパーツをはてなダイアリーに貼付ける方法 : トラねこblog
2007年12月14日12:16 カテゴリkilynn コネコクラブblogパーツをはてなダイアリーに貼付ける方法 先日、conecoクラブよりブログパーツがリリースされましたが、livedoorブログやamebloでは指定されたタグをそのまま貼付ければ自分のレビューが表示されますが、はてなダイアリーではJavascriptの制限からそのまま貼付けることができません。 そのため今回はgoogleガジェットを利用した、はてなダイアリーへのconecoクラブblogパーツの貼付け方法を書いてみたいと思います。 以下、簡単な流れ １.googleガジェット用テキスト（XML）ファイル作成 ２.サーバにアップロード（googlepages経由） ３.アップロードしたテキストをgoogleガジェットとしてみせる ４.はてなダイアリーへの貼付け １.googleガジェット用テキスト（XML）ファイル作
Uri Detection | UserJS.org - User JavaScript for Opera
Avoiding page address detection mistakes Written on 2005-06-01 09:35 by tarquin. Last modified 2005-09-19 09:19 If is a script is intended to be active only on certain pages, it is important to ensure that the page address is correctly detected. The simple way is to use @include or @exclude like this: // @include http://example.com/* // @include http://www.example.com/easy/* or // @exclude http://
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
[CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス
YUI、Blueprint、YAMLなどのCSSのフレームワークでも利用されているブラウザのスタイルを初期化するスタイルシートのサンプル集です。 Blueprint YAML YUI Tripoli meyerweb warpspire christianmontoya crucialwebhost 下記のスタイルシートは、記述スタイルを同様のスタイルに全て変更しています。また、コメントも削除しています。 Blueprint Blueprint Based:Reset Reloaded <textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
![[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)
急にお葬式をする場合に知っておくべき心得
先月末に実の父が亡くなったのですが、その際の教訓を生かすため、急にお葬式をする場合に知っておくべき心得をまとめてみました。実際のところ、人が亡くなるときは急に亡くなる場合が多く、あまり事前に準備する時間などもないのが実情ですので、何かの役に立てば幸いです。 今回は市営葬儀で家族葬をする場合、どのようなことを決めていく必要があるのか、そして合計でいくらほどかかるのかを示します。市営葬儀とは、住んでいる市町村の運営する斎場・葬儀場などを利用する葬式のこと。家族葬とは、ごく親しい家族などだけで行う葬式のことです。 ■葬儀社を決める 葬儀社を決める方法は一般的には2種類。1つは生きている間に「互助会」などに入って葬儀代を積み立てておくというもの。この場合は亡くなってすぐに互助会へ電話連絡すれば、互助会に入る際に本人が決めた段取り通りにすべてがフルオートで進んでいくことになり、残された人たちの負担が
どんな曲でも通用する汎用的なiTunesのイコライザ設定 - GIGAZINE
iTunesには自分好みに楽曲の音質を変えられるイコライザ機能が付いていますが、ほとんどの人は特に変えることもなく聴いているだけではないかと。これをちょっと変えるだけで普段聴いている慣れ親しんだ曲が別の顔を見せてくれます。いわゆる「ドンシャリ」系の音質になるわけですが、これをベースに低音や高音を調整するとかなり各自の好みにあった感じにできます。 というわけで、海外では「iTuneのパーフェクトイコライザ設定」などと呼ばれている設定は以下の通り。 macosxhints.com - A 'perfect' iTunes equalizer setting iTunesを起動して「表示」→「イコライザを表示」を選択 次にイコライザをこんな感じに設定 要するにイコライザの値を左から順に、+3、+6、+9、+7、+6、+5、+7、+9、+11、+8にするというわけ。極めてシンプルですね。 ※一応、
実用 - ウィンドウの外で発生するmouseupイベントを取得する、Firefox
JavaScript save the assistants 上記のスライダー、ドラッグを開始して、ウィンドウ外でボタンを離し、再度ウィンドウに戻るとずっと押しっぱなしのおかしな状態になる。これは、たぶんマウスが離されたことを検知できていないため。 WebFXのスライダーは、ちゃんと動く。実装を読んでみた。 Slidebar (WebFX) Firefoxは、文字を選択するようにドラッグを開始すれば、ウィンドウ外でマウスのボタンを外した時にもmouseupが起こせるようだ。これを利用し、見えない文字を選択し、選択状態も見えなくして、スライダーが正常に動作するようにしていた。 簡単なサンプルは以下。スライダに限らず、ドラッグ全般に使えると思う。mouseup以外に、mousemoveなども取れた。 IEの場合は、onlosecaptureイベントを使っていた。WebFX++
arguments に対して shift するための考察（をしていたらカッとなって配列変換のベンチマーク） - IT戦記
JavaScript において可変引数を扱う場合 arguments オブジェクトを使います。 function func() { for (var i = 0; i < arguments.length; i ++) { alert(arguments[i]); } }; func(1,2,3) // 1,2,3 を順に表示 そして 可変引数を使うパターンとしては、 すべて可変引数 固定引数と可変引数 の二つに分けることができます。 すべて可変引数 引数が与えられた分だけ同じような処理を行うパターン function add() { for (var i = 0, r = 0; i < arguments.length; i ++) r += arguments[0]; return r; } var r = add(1, 2, 3, 4, 5); 固定引数と可変引数 最初のいくつかの引
はてなダイアリーに(対応外の)ブログパーツを貼る
はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました これはいいね！ さっそく googleガジェットを使って、(対応外の)すきなブログパーツとかを色々貼ってみよう！ まずは下のようなテキストファイルをつくって、文字コードをutf-8で保存…！ <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="ここにパーツ名かこうね！"> </ModulePrefs> <Content type="html"> <![CDATA[ (ここにブログパーツ貼り付けコード) ]]> </Content> </Module> たとえばtwitterのブログパーツ(badge)を貼るのなら、ファイル名を「twitter.xml」とかにしておいて、 このファイルをどこかのサーバーにアップロード
ウノウラボ Unoh Labs: JavaScriptを使わないスターレイティングの作り方
こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
超便利！JavaScript用の文字列拡張関数いろいろ
Ivan Uzunov, a blogger since 2007, is still active posting free code for all those techies out there who would prefer to do it themselves… with a little help from Ivan, of course. In 2006 & 2007 Ivan posted lots of code for his visitors and followers. At some point the domain expired and the site saw several different owners with content that had nothing to do with Ivan’s blog post. The site has n
MySQLノウハウ
いろいろな本からメモってきたメモのメモ。出典を書いておくのを忘れた。思い出し次第補完するかも。 deleteのコストは高いので、無効化を示すフィールドを作ってupdateすべき slow query logに要注意 多くのエントリでほとんどのフィールドが同じ値を持つ場合はインデックスの効果が小さい →複合インデックスの効果が大きい 複合インデックスは指定の順番が大切。AとBという指定の場合、A単独でもインデックスの効果がある。逆は真でない。 インデックスが使われる場面は フィールド値を定数と比較するとき (where name = 'hogehoge') フィールド値でJOINするとき (where a.name = b.name) フィールド値の範囲を求めるとき (<,>,between) LIKE句が文字列から始まるとき (where name like 'hoge%') min(),
戦争 - デジタルARENA - Windows XPの究極テク300連発！
リンク 【実戦テク総集編 Part１】Windows XPの究極テク300連発！〜4回分をまとめました！〜：デジタルARENA 2007システムファイルチェッカーでファイルを修復ブラウザにパスワードを登録してしまったときの対処方法復元ポイントの情報を削除するサポート情報のリンクを非表示にする自動設定してくれるNTPサーバを追加するスプールフォルダを変更したい画像ファイルの縮小表示が正しくないときの対処IEのタイムアウトの時間を変えるデジタル署名のないファイルを確認するポップアップメニューの情報を減らすAdministratorを無効にする個人のユーザープロファイルやデータファイルを簡単にバックアップするディスク領域不足のメッセージを表示させない中身を確認しながら画像ファイルを選ぶ書き込み終了後にCDを自動排出しないWin XP Proでハードディスクからファイルを完全に消去するフォルダ構造
Windowsの通知領域で処理が終わったことをお知らせ - ヒルズで働く@robarioの技ログ
id:hirose31さんのファイルを変更したら自動的にreloadする方法 - （ひ）メモにあるobserve-mtimeを使わせていただいて「編集したら自動コンパイル」とかやってるんですが、裏で動かしてるのでいつコンパイルが終わったのか分からないんですよ。 でも音は出したくないので、通知領域にテキストバルーンを表示させることにしました。Windowsだし。 （MacだとMac::Growl::RegisterNotificationsかな？） cpanからWin32::GUI - metacpan.orgをインストールして、 % perl -MWin32::GUI -e '$t=3;$n=Win32::GUI::Window->new->AddNotifyIcon(-balloon=>1,-balloon_tip=>q{COMPLETE});sleep $t;'と、これだけで3秒間「C
ウノウラボ Unoh Labs: 携帯開発向けに便利な支援ツール/サイト
どーも8makiです。 ウノウでは携帯サイトの開発も行っています。 携帯サイトの開発ってPC用のものと比べて制限が多かったり、面倒くさいことが目白押しです。そこで開発に便利なツール・サイトをリンク集的にまとめてみました。 ～～～～～～ツール編～～～～～～ ■必須ツールi 絵文字 ドコモの絵文字が入力/表示できるようになります。 User Agent Switcher (Firefox 拡張) User Agentを書き換えて携帯になりきることができます。 インポート用の各種端末のUser Agentリストを作成していただいたので皆さんもご利用ください。 useragentswitcher.xml ■あると便利なツールiモードHTMLシミュレータIIiモードHTMLシミュレータOpenwave SDK(au) ウェブコンテンツビューア(ソフトバンク)MediaCoder .
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ストレスフリーのホワイトボード術 | IDEA*IDEA
