livedoor Reader に色んなSBMのブックマーク数を表示するGreasemonkey | Creazy!
こんなグリモン作りました。 スクリプトは下記に置いてありますのでどうぞ。 ・http://labs.creazy.net/greasemonkey/ldr_with_sbm_count_images.user.js 参考 参考にさせて頂いたのは下記ページです。 ・livedoor Readerをブックマーク数を画像で取得するAPIと合体 – 彼の岸 ・livedoor Readerをはてブと合体 | 東京嫉妬 ・最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方 ・最速インターフェース研究会 :: livedoor Readerにdel.icio.usのブックマーク数を表示するGreasemonkeyスクリプト 特に、livedoor Readerに何かくっつけるGreasemonkeyの書き方があったのでその通りに複数のSBM
引用マークアップを生成 - 徒書
他のウェブページから文を引用するときは、元文書のHTMLマークアップもなるべくそのままで引用しておきたいものです(と、いう前提で取り敢えずお願いします)。しかしいちいち引用元ページのソースを開いてコピー&ペーストし、更にリンクやらblockquoteやらを書いていくのは面倒なので、そのへんをまとめてやってくれるbookmarkletを作ってみました。 選択箇所をblockquote (javascript: scheme URI) スクリプトのソース (text/plain) FirefoxなどのMozilla系ブラウザ用です。
miniturbo::tumblr
入れるようにしてたよ javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent;if(/nicovideo.jp/.test(l.host)){s='<div style="width: 318px; border: 1px solid #ccc;"><iframe src="http://www.nicovideo.jp/thumb?v=sm'+d.paste_url.site_url.value.match(/sm(.*)/)[1]+'" width="100%
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
ねこすけLPO
ねこすけLPOは（株）ねこすけが公開するLPOツールです。 現在 無料ASP版、ねこすけCMS組み込み版、効果検証ツールnecotora(ねこトラ)組み込み版の３種類があり、このサイトでは無料ASP版を紹介しています。 なお、この無料ASP版はオープンソースとしてソースコードが公開されております。 無料ASPでは機能が足りない、自社向けにカスタマイズして運用したいという方はソースコードをダウンロードしてご利用ください。 LPOツールは検索エンジンなどのサイト外から最初にアクセスされるページ（これをランディングページといいます）のコンテンツをきっかけによって動的に変更するツールです。 JavaScriptによってコンテンツの一部を書き換え、「あなたの欲しい情報はここにあります」ということをアピールするツールです。 「LPOツールのイメージをつかみましょう」 をご覧頂くと具体的に機能
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
生成内容 - CSS2リファレンス
このプロパティでは:beforeまたは:after疑似要素と併用して，文書中に内容を生成するために用います。 各値は以下のような意味を持ちます； これらは空白類文字で区切って何回でも組合せられます： <string> 指定されたテキストを内容として生成する。 （補足：外部スタイルシート内で非ASCII文字列を生成する場合，@charset規則を用いるとよいでしょう。） <uri> 指定されたURIが指し示す外部リソース（画像など）を生成する。もし指定されたリソースを表示できない場合，この値が指定されていないかのように無視されねばなりません。もしくは利用不可であることを仄めかす何かを示さねばなりません。 <counter> カウンタを挿入する。これを用いると要素内容に対して，自動連番を挿入する事ができます。 詳細は割愛します。規範情報はCSS2勧告邦訳 12もしくはCSS2.1 sectio
DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp
DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある
ファイルを1つコピーするだけでWindowsXPの再アクティベートを回避する術 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
まぁ、そこは100歩譲って仕方ないにしても、パソコンを買った時には箱の中で行儀よくしていたはずの梱包CDがない場合とかは輪をかけてめんどくさいんですよねー。アクティベートするのにネットに繋がってなかったりも問題だし。これってWindowsユーザなら幾度か通って来た道ではないでしょうか？ サイト「Online Tech Tips」にWindowsXPの再アクティベートを回避する方法が記述されていたので紹介させて下さい！ しかもやり方はファイルをひとつコピペするだけ。 システムをすっからかんにしてしまうその前にWPA.DBLのファイルをSyste32ディレクトリの中からコピーしメモリースティックなどのサムドライブやその他の外部機器にコピーしておいて下さい。システムをロードし終わったあと、ブートメニューからセーフモードでパソコンを起動し、先ほどコピーしておいたWPA.DBLのファイルをSyste
HTML - meta タグの仕様詳細まとめ :: Drk7jp
前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日本語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML
METAタグの機能 〜2nd New House〜
Content-Type：文書の MIME タイプ(コンテントタイプ) 文書のMIME タイプ(コンテントタイプ)と文字セットを指定します。 文字セットの日本語指定は、Shift_JIS や x-sjis や EUC-JP などが有ります。文字セットをきちんと指定してやると文字化けの発生がなくなります。 HTMLのMIME タイプは text/html のみであり他の値は使用できません。 XHTML1.0 は application/xhtml+xml が推奨されていますが互換性を考えて text/html も指定可能です。 XHTML1.1の場合は application/xhtml+xml が推奨され text/html を指定すべきでありません。 MIME タイプが text/html、文字セットが Shift_JIS の使用例 <meta http-equiv="Content-
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
BlogPeople 等のリンクリストによる表示の遅延を解消する（その1：JavaScript編）
BlogPeople やドリコム RSS がサービスとして提供しているリンクリスト。ご自身のページに直接HTMLでリンク集を作成するより、表示件数のカスタマイズやサイトの更新状況がわかる等、大変便利なサービスなので利用されている方はかなり多いと思います。 しかしながら、リンクリストはサーバに一旦アクセスしてから表示される仕組みになっているため、少なからずタイムラグが発生します。 このタイムラグはHTMLページの表示に大きく影響します。その理由は次の通りです。 例えばIEでサイトを閲覧する場合、そのサイトのページはHTMLソースの先頭から記述された順番に表示されるようになっています *1。つまり、ページの最初や途中にこのリンクリストを表示するタグが記述されている場合、サーバの応答が返ってくるまでそれ以降のHTMLソースの内容が表示されないという問題があります。 サーバからの応答がある場合はま
Delicious2.0 の被ブックマーク数画像取得APIを作りました | Creazy!
[2008/08/07 追記] QUERY_STRING（?hoge=1みたいな）が付いているURLの被ブックマーク数が正常に取得できていない問題を修正しました。呼び出し方法には特に変更ありません。 -– 先日、Delicious2.0 というか New Delicious がローンチしていました。 ・Delicious というか、プレビュー版はかなり前に公開されていて本番公開いつやねんて思われつつ、忘れ去られつつという状態でした。 ・TechCrunch Japanese アーカイブ » Delicious 2.0ローンチ。いや本当。今度こそ正真正銘のローンチ でも、今回は本当のようですね 🙂 オレは色んな理由でメインのSBMははてブではなくDeliciousを使っているので、急に画面が変わっていてビックリしました。っていうか、ドメイン変わってるので再度パスワードいれなくちゃいけなくて
IE6のmin-width、min-heightハックに関して - Webtech Walker
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 という記事を見かけたんですが、min-widthってこれじゃダメな気がするんです・・・ IE6では min-height や min-width が効かないため、それを効かせるためにはいろいろなハックやブラウザごとのスタイルシートが必要だった。 しかし以下のようにすればIE6にも対応したものが実現できる。 min-widthのソースは以下のとおり .bar { min-width: 100px; width: auto !important; width: 100px; } min-widthはIE6で実装されていないので、無視されます。そして、同一ブロック内では!importantが無視されるというIE6のバグを利用して「width:100px」を
RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す
リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
twitterfeed.com
http://msugai.fc2web.com/web/CSS/selector.html
SimpleAPI - ウェブサイト・サムネイル化ツール