Lucky bag::blog: CSS の習得度レベル 5
あらゆる言語がそうであるように、プレゼンテーション言語である CSS にも習得度の段階がある。自分が思うレベル 5 を挙げててみた。とか、それらしく始めてみたけど実はかなりネタ気味な内容。ここ最近のあまりの忙しさに現実逃避で思いつくまま書き連ねてみただけ。当然の事ながら、この内容が万人に当てはまるわきゃないですよ ;-P CSS 習得度レベル 1 色とか簡単に変えられるらしい事を知っている CSS を使うのはフォントサイズの指定くらい CSS を使うメリットが良く分からない レイアウトには table 要素を使えば良いと思う まず、何から覚えれば良いのか分からない CSS 習得度レベル 2 外部 CSS ファイルのメリットを知っている ある特定の要素にスタイルを適用するには (X)HTML の方に ID かクラスを割り当ててから CSS で指定する CSS ハックでブラウザごとに指定を振り
Lucky bag::blog: 維持しやすい CSS を考える
wg:Maintainable CSS CSS を維持・管理していく上で、保守性の高い CSS を作成するにはどういったことを意識して作成するだろうか。上記サイトでは個人的な好みと前置きし、いくつかアイデアを述べている。コメント欄なんかでもちょっと盛り上がってて、激しく同意できる部分もあったりそりゃ違うなとか思ったりと、色々と考えさせられた。 CSS を作成する際に自分が考えること 自分でも改めてまとめてみると何か新しい事が見えてくるかもしれないし、コメントで何かヒントやアイデアを教えてくれる人も居るかもしれないなぁとか思ったんで、ちょっとまとめてみた（上記サイトと被ってるのが多いけど）。 CSS ファイルの肥大化を抑えるよう、作成中にボツになったスタイルは必ず削除しておく。頻繁にスタイルを変えるような場合は、指定する必要のないスタイルが残っていないかチェックする。 どれだけ些細な事でも、
iTunes ミュージックビデオをダウンロードする方法
iTunes ミュージックストア上のミュージックビデオをローカルに落とす方法ってのを試してみた。 How-To: Download music videos from iTunes ミュージックストアの左メニューに『ミュージックビデオ』メニューがあるんだけど、日本のミュージックストアにはまだまだビデオが揃ってない。一方、米国の方とかだと今日現在で 596 本あったりするんで、そっちで試してみた。 ミュージックストアの左メニューから『Music Videos』を選択する。 登録されているビデオがサムネールで表示されるんで、落としたいビデオを選択する。 small もしくは Large 上で右クリック -> "iTunes ミュージックストア URL をコピー" 「.:UNEASYsilence:. - iTunes Music Videos」へアクセスし、URL をペーストして "submi
@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: IE でも擬似的に子供セレクタ
ある要素の直接の子要素に対してだけ CSS で指定をしたい場合、子供セレクタ div > p が便利。しかし、IE がこれに対応していなくて残念って感じだったんだけど、meyer 氏が IE でも擬似的に直接の子要素を指定できる方法を発見した模様。 Eric's Archived Thoughts: Universal Child Replacement 例えば、下記の (X)HTML があったとして、id="content" の子要素の段落だけ背景色を #ff8800 に変えたいって場合。 <div id="content"> <p>content の直接子供要素の段落。ここだけ背景色を変えたい。</p> <div id="foo"> <p>この段落は色は変えたくない。</p> <p>この段落は色は変えたくない。</p> </div> </div> 子供セレクタに対応しているブラウザであ
フリーのサイン、マーク、記号など - lucky bag
色々なサイン、マーク、記号などがフリーにダウンロード出来るサイトを知人に教えていただいた。リサイクルマークや、公共施設の案内記号、地図記号、はたまた交通標識まで様々なものがフリーでダウンロードできる。 データはイラレの EPS なんで、ファイルを開ける環境が限られちゃうんだけど、ベクトルデータだから自由に拡大・縮小が出来るし、なかなかの数が用意されている。リンク貼って良いのか判断出来なかったんで URL だけ。 Welcome to Radiocom / Creator's Exchange http://www.radiocom.co.jp/ 同じくイラレデータでフリーに配布している別のサイト。 freeps http://www.logolink.co.jp/04.html こちらの方では、アップルや朝日新聞などの企業ロゴをトレースしたものを配布してるんだけど、えっと、これって大丈夫な
Lucky bag::blog: 外部の RSS を PHP で取得
2008年12月26日に当サイトのテンプレートおよびデザイン、サーバの変更作業時に当記事にて紹介しているHot entryというページは削除してしまいました。当該ページは404 Not Foundとなっていることをご了承ください。 ありがたくも、拙記事なんぞをはてなブックマークや dei.icio.us などの ソーシャルブックマークでブックマークして頂いてもらっちゃったりしているわけで、なんとも恐縮に感じていたり、いなかったり。んでもって、どうせなら興味を持って頂いた記事を紹介するかっつうことで、そんなに Hot なわけじゃないのに Hot entry なるページを作っちまいました。ウヘ:-P とりあえず今回は、はてなブックマークにブックマークされている当サイトのエントリー一覧の RSS を取り込んでみますた。外部の RSS を取り込むって場合、CGI や JavaScript を使って
3 カラムレイアウトいろいろ - lucky bag
3 カラムのレイアウトにしたいけど、どうやったら良いか分からないって人は結構いるのかもしれない。一口に 3 カラムといっても、色々なパターンがあるわけで、それによって (X)HTML や CSS の書き方やテクニックも変わってくる。そこで、そういったことを参考に出来るサイトですよ。 Three Column Layouts - css-discuss css-discuss が様々な3カラムレイアウトのサンプルを一覧にしたリンク集みたいなのを公開している。 ヘッダありなし、フッタありなし、可変か固定か、NN4 への対応、さらに、31 個ほどの補足情報が notes に示されている。たとえば、番号 7 は、フッタがメインコンテンツの幅のみ、番号 9 は全て float を使用しているって事だったり、番号 25 を見てみると、メインコンテンツの (X)HTML コードは、左右カラムの前に記述し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
