はてなブックマークに概要が反映されなくなった - lucky bag
ちょっと前に、遅まきながら MT のバージョンを 3.171 から 3.2-ja-2 にアップグレードした。したら、はてなブックマークにブックマークされた際に、記述している記事の概要（excerpt）が反映されなくなった。ちなみに、この <$MTEntryExcerpt$> を反映してくれない件に関しては真琴さん（hxxk.jp）が色々と調べていたんだけど、今んとこ一旦打ち切りという状態になっている。 hxxk.jp - はてなブックマークと <$MTEntryExcerpt$> hxxk.jp - はてなブックマークと dc:description hxxk.jp - はてなブックマークと RSS Auto-Discovery Hatena Bookmark/0.1 のアクセス 真琴さんの記事でも触れられているけど、はてなブックマークに記事がブックマークされると、Hatena Bookm
del.icio.us の help ページと Tag rolls - lucky bag
ソーシャルブックマークの del.icio.us が、またまた微妙に変わってたりする。ページ上部が Breadcrumb shortcuts というナビゲーションになってて、ここに直接 tag を入力する事が可能になった。これによって、tag 一覧から探してクリックしなくても、目的の tag を入力してダイレクトにアクセスできる。 んでもって、今回一番変わったのが、help ページが作られたこと。今までは about ページってのがあったんだけど、それを一新して help ページとして充実した形に変化した。API の説明から del.icio.us の使い方まで、かなり細かく説明がされている。 そんな help ページで見つけた、面白そうなもんが Blog Integration 欄にある Tag rolls ってやつ。自分の tag 一覧を自サイトに表示するためのスクリプトを生成すること
CSS だけでフォトギャラリー - lucky bag
CSS だけでフォトギャラリーっぽいのを作ってみるテスツ。「stu nicholls | CSS PLaY | CSS photo-gallery hover and active」あたりを参考に、ちょっとやってみた。サムネールにマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。別の場所をクリックすると元に戻る。ってな挙動。最低限のブラウザでしかチェックしてないんで、まともに動かない環境もあるかも知んない。 gallery.html (X)HTML は下記のように、画像を順不同のリストで並べている。 <ul id="gallery"> <li><a href="#empty-anchor"><img src="01.png" /></a></li> <li><a href="#empty-anchor"><img src="02.png" /></a></li> <li>
Lucky bag::blog: Firefox からウィジェットを起動できる機能拡張「Firefoxit」
Firefox の機能拡張「Firefoxit」は、新しい試みととして面白い機能を提供してくれる。「Firefoxit」をインストールすることによって、仮想のデスクトップ上にウィジェットや小さいウェブアプリを Firefox から起動させることができるようになる。 Firefoxit の使い方 Firefoxit をツールメニューから起動すると、仮想のデスクトップが起動する。画面下に登録済みのウィジェットのアイコンが表示されるんで、クリックすることでウィジェットを起動。ウィジェットを閉じたい場合は、画面下へドラッグするだけ。Firefoxit 自体を終了するには、画面右上の × ボタンをクリック。 各ウィジェットは 400 から 600kb 程度で、Dashboard や Konfabulator に比べれば全然軽い。サイトでは、Firefoxit 用のウィジェット作成方法が説明されている
tag bundles 設定方法が変更に - lucky bag
ソーシャルブックマーク del.icio.us の settings にある tag bundles の設定方法が変更されている。前までは非常に設定しづらかったんだけど、今回の変更でかなり設定しやすくなった。 既存の bundle を編集する場合は、Your bundles: 一覧から bundle を選択。新しく bundle を作る場合は、new bundle: 欄に bundle 名を入力して create ボタンを押下。 自分の tag 一覧が右に表示されているので、そこからクリックして text box に追加。削除したい場合は当該 tag を再クリック。 最後に save ボタン押下で設定完了。 現在設定中の bundle に設定した tag は赤い背景で表示、他の bundle に設定している tag は赤い枠で表示されている。また、作成した bundle が空の場合は、自動
Safari に CSS を適用させない方法
And all that Malarkey で紹介されていた Apple 謹製 ブラウザ Safari に CSS を適用させないメソッド、Malarkey Safari Import Hack 略して MSIH 。果たして、使う機会があるのかが疑問だったりもするし、IE であればまだしも、Safari の場合はバグ修正されてしまうのも時間の問題だろうなぁとか思った。ま、とりあえず、メソッドとしては下記の通り。 /* これ以降、Safari は読み込まない */ @media all { @import url(hoge.css); /* ここに適用させたくないコードを */ } /* ここまで */ 不思議なことに、Safari は @media 内に @import を置くと、@media 内の指定を全て無視してしまうらしい。Safari 1.3.1 で確認してみたところ、確かに無視さ
IE7 と CSS ハックと条件付コメント - lucky bag
IE に適用させないための各種 CSS ハックは、IE7 で修正される事になりそう。 IEBlog : Call to action: The demise of CSS hacks and broken pages 修正しておいた方が良い一般的なハック IEBlog では下記のハックを使用しているウェブページは修正しといた方が良いよってな事を呼びかけている。 Child Hack ( body > #foo ) StarHtmlHack ( * html #foo ) The Owen Hack ( head:first-child+body #foo ) head + body Selector ( head + body #foo ) こういったハックを使わずに、IE 独自実装の Conditional Comments を使うことを推奨しているんだけれど、head 内に記述するのは
Lucky bag::blog: dt と dd を横並び
定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。 多分オーソドックスな方法 とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。（margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく） dl_sample01.html float を使った方法 margin を使った方法 position を使った方法 <dl> <dt>foo</dt> <dd>bar</dd> <dt>foo</dt> <dd>bar</dd> </dl> ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt
「daily blog posting」 の設定方法 - lucky bag
del.icio.us の settings にある、「daily blog posting」 の設定方法が何となく分かったんでメモ。この機能はその日に自分が del.icio.us でブックマークしたものを、自動で自分のブログに投稿するためのもの。 自分は MT を使ってるんで、下記説明は MT を想定したもの。 まず、自分の del.icio.us アカウントでログインし、settings 内の「daily blog posting」を選択。 「add a new thingy」をクリックし、設定画面を表示。 設定項目を入力 job_name お好みの設定名を入力 out_name MT にログインする際のユーザ名 out_pass MT にログインする際のパスワード out_url mt-xmlrpc.cgi へのパス。例）http://www.hoge/foo/mt-xmlrpc.
@import を使ってブラウザに CSS を読み込ませない方法 - lucky bag
特定のブラウザに CSS を読み込ませたくない方法の一つとして、 @import を使う hack がいくつかある。そういった hack を使いたい場合には、各 hack の@import 規則と適用ブラウザを一覧表にまとめたサイトが便利。 Hide CSS from browsers :: @import 縦に@import 規則、横に各ブラウザの対応状況、W3C CSS 検証サービス（W3C CSS Validator）に通るか、その際にエラーが出るのか警告が出るのかが分かるようになっている。プラス記号（ + ）は、その @import 規則を読み込むことが出来、マイナス記号（ - ）はその @import 規則を読み込むことが出来ない。 また、各 @import 規則の通し番号をクリックすることで、現在使用しているブラウザがその @import 規則で CSS を読み込む事が可能かを
Lucky bag::blog: CSS で画像ポップアップ
JavaScript を使わずに、CSS を使ってサムネール画像の拡大画像をマウスオーバーで表示せる方法「CSS ~ Image Pop UP」を参考に、拡大画像をその場で表示させるサンプルを作ってみた。 popup.html 最初に拡大画像を高さ 1px 幅 1px に指定しておき、hover で正寸を指定させることによって実現させている。ちなみに、hover の指定に背景色を指定しないと IE でうまく動作しない。 .photo a.popup:hover { background-color: #fff; } 何となく微妙な感じだけど、サムネールをいっぱい並べて画面遷移なしで拡大画像をみせたい場合に使えるかも。 あの頃のように… - CSS で画像ポップアップさせる (2005年6月10日 19:02) CSS で画像ポップアップ私の中ではかなりの革命です。なぜ今までこれに気が付かな
Lucky bag::blog: IE で min-width を指定する方法
IE は min-width に対応していないんだけど、「Stu Nicholls | The CSS Playground」でスクリプトを使わず CSS だけで擬似的に min-width を指定する方法が紹介されていたんで、ざっくりとご紹介。この方法は、Win IE のみに効く方法で、Mac IE では機能しない模様。サンプルとして下記の (X)HTML を使用してみる。 <div class="container"> <div class="box"> <div class="contents"> 内容 </div> </div> </div> これに対して、幅 90% で最小幅 400px の指定をしてみる。IE5.5 と IE6 に対応したパターンと IE5.01 と IE5.5 と IE6 に対応したパターンの２種類の方法がある。 実際に試してみたサンプル IE5.5 と IE
日本初の Ajax なマップ - lucky bag
Ajax を利用した画面遷移無しのマップサービスと言えば、Google Maps があるけど、国内初として goo が「エリア情報検索実験」 ってのを提供しはじめたみたい。 Google Maps の場合は、たぐり寄せるような感じでドラッグすることでグリグリと地図の移動が行えるんだけど、goo の場合は左クリックした状態でマウスカーソルを動かすと、その方向へ地図が移動するって感じ。ドラッグの場合だと、移動距離が長い場合には、マウスを何回か再ドラッグって動作が必要になるけど、goo の方法だと、左クリックを離すまでスクロールし続けてくれるから意外と使いやすいかも。ちなみにマックの場合、safari では動作しないっぽいけど、Firefox なら大丈夫だった。
del.icio.us のバックアップ - lucky bag
del.icio.us のブックマークをバックアップする方法はいくつかありますが、API を使って XML ファイルとして保存する方法。 やり方は、以下のアドレスにアクセスして、del.icio.us のユーザ名とパスワードを入力し、表示されたページを保存して完了。 http://del.icio.us/api/posts/all del.icio.us API ドキュメントを見ると、特定のタグや日付で書き出したりなど、他にも色々と出来ます。 function: http://del.icio.us/api/posts/get? &tag= filter by this tag - optional &dt= filter by this date returns a list of posts on a given date, filtered by tag. if no date is
Lucky bag::blog: float の問題を overflow で解決
float させた要素を内包したボックスは、高さを指定しないと下方に伸びません。これを、clear を使わずに overflow で解決しちゃう方法。 CSS - Clearing floats 簡単に説明してみます。container 内に left と right があり、それぞれを左右に float させています。で、実はcontainer に背景色 #ddffbb を指定しているのですが、反映されてません。 floatサンプル01 container 自体の高さを指定していないので、下方に伸びないからです。これを解決するためには、(X)HTML に手を加えて clear させるしか方法はありませんでした。 floatサンプル02 しかし、container に幅と overflow を指定すれば解決します。 #container { background-color: #ddffb
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS フィルタリング一覧表 - lucky bag