タグ

2011年9月21日のブックマーク (3件)

  • CSS3で良く使う属性セレクタとnth-child、nth-of-typeをざっくりまとめました。 | HTML5GOGO

    最近使う機会も増えてきたCSS3のセレクタですが、結構ややこしくて困りますよね(確定)。 そんなわけで良く使う属性セレクタとnth-child、nth-of-typeをざっくりとまとめてみました。 これでCSS3や、jQueryを書くときにも困らないかも知れませんね! ※画像の意味はお察しください。 属性セレクタについて CSS3からタグに付いている属性で条件指定することが出来るようになりました。 基的にfoo[prop="~"]のように [ と ] で属性の状態を指定します。 また“(ダブルクォーテーション)は必須です! 例えば /*titleがokの要素*/ *[title="ok"]{ color:#F00; } などです。また属性セレクタは非常に柔軟な指定が可能で /*titleがokで始まる要素*/ *[title^="ok"]{ color:#F00; } ※<p title

    CSS3で良く使う属性セレクタとnth-child、nth-of-typeをざっくりまとめました。 | HTML5GOGO
  • TTFファイルから新しいWebフォントのWOFFファイルを作成する@FONT-FACE GENERATOR

    次期Firefox3.6からサポートされる 新しいWebフォント形式のWOFFを TTFファイルから作成してくれるWeb サービスがありました。@FONT-FACE GENERATORがそのWebサービスです。 ジェネレーターはコリスさんが以前、商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirreという記事にしたFont Squirreのサイトにあります。 @FONT-FACE GENERATORは一般的なフォント形式のひとつのTTFやOTFファイルをアップロードするとWOFFファイルを作成してくれるフリーサービスです。WOFFという言葉はあまり聞きなれない(僕もそうでした)方も多いかと思います。WOFFに関してはフォントブログさんの記事がかなり分かりやすいので引用させていただきます。 1. WOFFとは何ですか? WOFFとは、Web Open Font For

    TTFファイルから新しいWebフォントのWOFFファイルを作成する@FONT-FACE GENERATOR
  • Google Voiceはやっぱりすごかった - @IT

    Web業界は電話関連ビジネスを飲み込もうとしているのではないか。もう1年以上も前になるが、2010年5月に米国に出張した際に、そういう印象を受けた。といっても、VoIPのことではない。電話帳がSNS内のソーシャルグラフで置き換えられるということとも、ちょっと違う。電話の音声サービス全般のことだ。これは、VoIP普及以上にインパクトのある技術トレンドなのではないかと思うのだ。 そう感じた理由の1つ目は、米国で一般ユーザー向けにも提供が始まった電話・音声サービス「Google Voice」を使ってみて、その使い勝手の良さに舌を巻いたこと。今さら、Google Voiceがどうしたの? と思う人もいるかもしれないが、改めて検索してみて、どうも日にはGoogle Voiceのインパクトが全く伝わっていないように感じている。 もう1つは、Twilioというベンチャー企業の存在を知ったことだ。久しぶ