youranusのブックマーク / 2010年5月21日

youranus id:youranus

2010年5月21日のブックマーク (8件)

Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
youranus 2010/05/21
Font

CSS

Google
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
youranus 2010/05/21
MySQL

PHP

DB
リンク
Twitter＠Anywhereの使い方WordPress編
Twitter が発表した @Anywhere、各種サービスがこぞって取り入れることでどんな風に WEB が変わっていくのかとても楽しみです。Google が連発するマイナーサービスのように出ては消え、なんてことにはならないといいですね。Getting Started の翻訳記事もチラホラ出てきましたが、こういうところに書いてあるサンプルやドキュメントなどは、始まったばかりのサービスならなおさら、だいたい内容が意味不明です。平気でウソも書いてありますが、訂正されることはあまりありません。なので、良識ある wpist の皆さんは原文や日本語になった記事を読んだだけで納得してしまわないように。見聞きしただけでその世界がわかった気になるのはクラブのおねーちゃん達の得意技です。皆には目先の欲望に振り回されず、その浅さを愉しむ大人になって欲しい。そういったわけで wpxtreme では現場第一主
youranus 2010/05/21
WordPress

Twitter

API
リンク
JavaScript のブロックスコープと名前空間 « Mozilla Developer Street (modest)]
Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが一度は次のようなことで悩むかと思います。ブロックスコープと名前空間 (グローバル変数汚染の回避) 読み書きしやすくデバッグしやすいコードスタイルコールバック関数と this オブジェクトの取り扱いデバッグ方法とデバッグ支援モジュール非同期処理の書き方いずれも解決方法は人によって様々で、これが常にベストと言えるものがなさそうですが、私なりにそれぞれ検討したことなどを書いてみようかと思います。もっと良い方法があるとか色々皆さんのご意見やツッコミをいただければ幸いです。 JavaScript では名前空間は言語仕様でサポートされておらず、ライブラリや拡張機能などのコードを書くときにはグローバル変数の使用を最小限に抑える必要があります。先日の Mozilla 勉強会＠東京 3rd でも佐藤さんと守山さんの発
youranus 2010/05/21
JavaScript
リンク
Writing Efficient CSS - MDC
この記事は、Mozilla Japan 翻訳部門もしくはその関連グループによりすでに翻訳済みのものを移行してきました移行元の文書。英語版と内容が異なる場合や、MDC の他の記事と整合性のとれていない場合があります。以下の文書では Mozilla の UI で使用する CSS ファイルの最適化についての規則を概説します。最初の節では Mozilla のスタイルシステムにおけるルール分類の要について書きます。このシステムについて理解してもらった上で、続く節では Mozilla のスタイルシステムの力を最大限に発揮するルールの書き方を説明します。【訳注: CSS スタイルのマッチング処理に於いては、ルール集合のうち各要素に対してマッチするものがないか順に全て調べていく必要があり、単純計算では (要素数)×(ルール数) 回のマッチング処理が必要になってしまいます。如何にしてこれを効率化するの
youranus 2010/05/21
CSS
リンク
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。セレクタは右から左に解釈されるこれは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速）特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
youranus 2010/05/21
CSS
リンク
魔王「この我のものとなれ、勇者よ」勇者「断る！」目次
魔王「この我のものとなれ、勇者よ」勇者「断る！」目次目次リスト ○1スレ目○ ○2スレ目○ ○3スレ目○ ○4スレ目○ ○5スレ目○ ○6スレ目○ ○7スレ目○ ○8スレ目○ ○9スレ目○ ○10スレ目○ ○11スレ目○ ○12スレ目○ ○13スレ目○ Blank Blank INDEX
youranus 2010/05/21
2ch

経済
リンク
今からでも間に合う！本気で勉強したい人のための英語学習ページまとめ！ | nanapi[ナナピ]
今からでも間に合う！本気で勉強したい人のための英語学習ページまとめ！に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！あなたのライフレシピを待っている人たちがいますあなたが生活でちょっとうまくやっていること、それを知りたがっている人たちがいます！あなたの投稿で、みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料）はじめに英語というとなかなか難しいものです新しい語学への挑戦という難しさもあると思いますが勉強方法がわからないという方もいらっしゃると思いますそんな方のために英語勉強のための良ページをまとめました勉強法急がばまわれ式・堅実で一番効率的な英語の勉強法 http://anond.hatelabo.jp/20091026215137 まず始めに何を使って
youranus 2010/05/21
英語

学習
リンク
- 2010年5月24日
- 2010年5月21日
- 2010年5月20日