Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
line-height の値には単位なしが良いとされる理由
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
Lucky bag::blog: del.icio.us の private saving 機能
やっと del.icio.us にプライベート機能が実装された。 del.icio.us: private saving ryan この機能を有効にするには、まず settings で private saving を有効にしておく必要がある。 これによって、ブックマークポスト時に do not share のオプションが表示され、チェックすることでプライベートなブックマークができるようになる。んで、実際にプライベートブックマークしたものには、not shared と表示される。 ここら辺の UI は今後様子を見ながら変更されていくかも知れない。ちなみに、必要かどうかは個人的には微妙だけど、プライベートブックマークしたものだけをまとめて表示とかは出来ない。でも、そのうち system: private ってなシステムタグが用意されるかも。
Lucky bag::blog: CSS の習得度レベル 5
あらゆる言語がそうであるように、プレゼンテーション言語である CSS にも習得度の段階がある。自分が思うレベル 5 を挙げててみた。とか、それらしく始めてみたけど実はかなりネタ気味な内容。ここ最近のあまりの忙しさに現実逃避で思いつくまま書き連ねてみただけ。当然の事ながら、この内容が万人に当てはまるわきゃないですよ ;-P CSS 習得度レベル 1 色とか簡単に変えられるらしい事を知っている CSS を使うのはフォントサイズの指定くらい CSS を使うメリットが良く分からない レイアウトには table 要素を使えば良いと思う まず、何から覚えれば良いのか分からない CSS 習得度レベル 2 外部 CSS ファイルのメリットを知っている ある特定の要素にスタイルを適用するには (X)HTML の方に ID かクラスを割り当ててから CSS で指定する CSS ハックでブラウザごとに指定を振り
Ajax なスタートページ Protopage - lucky bag
ブラウザを起動したときに表示されるスタートページ（ホームページ）に Portopage を設定し、一週間ほどお試し使用してみた。 Protopage = personalized news + sticky notes + bookmarks, all on one page. 作成した自分用の Protopage 上では、todo やメモを書き込む sticky notes や、良く使うサイトのブックマークを登録する link panel、RSS フィードを登録する news feed なんかをページ上に自由に配置できる。常に表示しておく必要のないものは、右上にあるドックに収納しておくことも可能。 使ってみて個人的に気に入った点ってのは、ページの公開・非公開が設定可能ってとこ。Protopage は virtual pages と言って、仮想のページを複数作ることができ、鍵マークをクリッ
iTunes のライブラリからオーディオ署名を作成 - lucky bag
iTunes のミュージックライブラリを利用して、再生回数や割り当てたレイトなどの情報からその人の好みの曲を抽出してオーディオ署名を作成してくれる iTunes Signature Maker ってのがあるんだけど、試しに作成してみたら超イントロクイズドレミファドン！なミキシングぶりに軽くのけぞった。 iTunes Signature Maker (iTSM) analyzes your music collection and creates a short audio signature to represent who you are and what you listen to. 実際にオーディオ署名を作成する前にいくつかの設定が出来るんだけど、とりあえずデフォルトのままでやってみた。 作成が完了すると WAV ファイルが出来上がる。そんでもって出来上がったのがこんな感じ。play
iTunes ミュージックビデオをダウンロードする方法
iTunes ミュージックストア上のミュージックビデオをローカルに落とす方法ってのを試してみた。 How-To: Download music videos from iTunes ミュージックストアの左メニューに『ミュージックビデオ』メニューがあるんだけど、日本のミュージックストアにはまだまだビデオが揃ってない。一方、米国の方とかだと今日現在で 596 本あったりするんで、そっちで試してみた。 ミュージックストアの左メニューから『Music Videos』を選択する。 登録されているビデオがサムネールで表示されるんで、落としたいビデオを選択する。 small もしくは Large 上で右クリック -> "iTunes ミュージックストア URL をコピー" 「.:UNEASYsilence:. - iTunes Music Videos」へアクセスし、URL をペーストして "submi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レーザーで投影する 3D ディスプレイ - lucky bag