20111101 13:51 URL : http://10prs.com/view/79 Com(0) TB(0) 関連エントリー 2011/11/01 新Googleリーダー用userContent.css 2011/10/13 Yahoo!ボックスのPCアプリデータフォルダをCドライブ以外に移動する方法 2011/10/12 オンラインストレージの決定版になるか？Yahoo!ボックスを使い始めてみた Comments コメントはまだありません。 コメントを入力してください。 登録フォーム Name E-mail (will not be published) URL Comment 閲覧制限 Postkey（ を半角で入力してください。） 登録者情報を記憶する Trackback トラックバックはまだありません。 Trackback URL： Ads Blog Search エントリ

CSS3の新機能の一つ、Web Fonts（ウェブフォント）。 閲覧者の環境に依存することなく、任意のフォントをサーバ側から提供することで画一的に表示できるようにするものらしいです。 これで、遊べる幅も広がるってモノですが、問題点も数点。 １：著作権 サーバ側でフォントデータを提供することになるので、2次配布？っていうんでしょうか。著作権の問題が発生します。使用するフォントの製作者様側で許可されているかどうかよく注意しなければならないです。 ２：日本語フォントのデータサイズ 英文のアルファベットと違って日本語フォントは2バイト文字です。一文字あたりのデータサイズが2倍のうえ、文字数も圧倒的に多いです。それだけのフォントデータをダウンロードさせるので通信量がかなり増えます。使う場所を制限する、第一水準程度までの軽いフォントデータにするなど重たいサイトにならないよう、注意が必要です。 以上を踏

The WebKit Open Source Project CSS3は策定段階にあり、ブラウザ側で同じ実装が実現されている機能と、そうでない機能が混在している。それは実装をはじめた時期や経緯などにも依存している。たとえば標準化作業が進められる以前に実装された機能は、のちに標準化を目指して策定がはじまった機能とは考え方やシンタックスが大きく違っていることがある。 そうした機能のひとつにグラデーションがある。グラデーションは便利な機能だがサポートしているFirefoxとSafari/WebKitでフォーマットが違っていた。しかしCSS3の策定は進んでおり、こうした差異も徐々に統一が進められている。WebKitのブログCSS3 Gradientsにおいて、最近進められたグラデーションに関する議論と、その実装状況が報告されている。 報告によれば、CSSのワーキンググループはここ数ヵ月の間、グラデ

IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 →IE9も正式版で確認済みです。 １．IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック 以下の順番でプロパティおよびセレクタを記述してください。 body { color: red; /* all browsers, of course */ color: green¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: black¥9; /* IE9 */ } IE6：プロパティの先頭にアンダースコア「_」を付与 IE7：プロパティの先頭にアスタリスク

説明：このページはhtml5とcss3のデモ用に作成しました。 Safari4とFirefox3で正しく表示出来ます。 Operaでも読めますが一部のみの対応です。 IEだと崩壊します。 正しく表示してもある意味崩れてますが。(・ω・) Link Text Link Text Link Text 新仕様のhtmlはwebの現状を踏まえて次世代のマークアップの為に作成された新しいhtmlです。（多分。） header、footer、nav、section等の多彩なレイアウトに相応しい要素に加え、canvas、video等、インタラクティブ・コンテンツの為の要素が加わっています。現在、標準化団体の提示する仕様に合わせ、ブラウザ製作者が対応しつつある状況で実装状況はまちまちですが、将来的には進化していくCSSやJavaScriptと共に使用する事によって充実したコンテンツを明快なコードで

CSS3.0 Maker - CSS3.0 Generator AjaxianにおいてAuto-Generate CSS3 For Fame and Fortune!という記事が公開されている。CSS3のサンプルソースコードを出力するWebアプリケーションやWebサービスはすでにいくつもあり、マイコミジャーナルでもいくつか取り上げている。Ajaxianのさきほどの記事ではそうしたサービスの新しいもののひとつとしてCSS3.0 Makerを紹介している。CSS3.0 Makerは従来のほかの同様のサービスと比較して次のような特徴がある。 どのページも同じUIが使われている。左上が設定変更、中上がプレビュー、右上が生成されるCSSのサンプルとダウンロードリンク、中下が対応するブラウザ、右下が提案投稿フォームだ。UIに統一感があり扱いやすい。 複数のブラウザに対応しているほか、それが現在どのブラ

Note: Several sections of this specification have been updated by other specifications. Please, see "Cascading Style Sheets (CSS) — The Official Definition" in the latest CSS Snapshot for a list of specifications and the sections they replace. The CSS Working Group is also developing CSS level 2 revision 2 (CSS 2.2). This appendix is informative, not normative. This style sheet describes the typic

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

A Web Design Community curated by Chris Coyier. ChromeやSafariで採用しているレンダリングエンジンWebKitは「-webkit-background-clip」と「-webkit-text-fill-color」という2つのCSS3プロパティに対応している。「-webkit-background-clip」は背景をその上にレンダリングされるテキストなどに合わせて切り取る指定、「-webkit-text-fill-color」はテキストに対して透過などを指定できるプロパティになっている。この2つのプロパティを組み合わせると、背景画像で文字そのものをレンダリングするといったことができる。 このあたりの基本的なテクニックと、WebKit以外のブラウザと併用する場合の切り分け方法がShow Image Under Text (with A

What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe

counter counter を使う際の注意。 counter とは 簡単に言うと自動的に連番を振る機能。 詳しくはこちらに書いてあります。 Firefox における注意 h1:before { content: "Chapter " counter(chapter) ". "; counter-increment: chapter; /* chapter のカウントを増やす */ counter-reset: section; /* section のカウントをリセットする */ } h2:before { content: counter(chapter) "." counter(section) " "; counter-increment: section; /* section のカウントを増やす */ } 上記のようなソースを実際にブラウザに表示させると、以下のようになります

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

您正在访问的域名 (310f.com) 可以转让! This domain name (310f.com) is for sale 如果您对该域名感兴趣，请点击这里提供您的报价。 If you would like to purchase this domain name, please click here to make an offer.

CSS Triangle を使ったパンくずリストを見てて、この方法だと単色はともかく、グラデーションかけたい時、ボーダーで作った三角がネックでうまくいかないだろうなっておもった。 参考記事：Breadcrumb Navigation with CSS Triangles | CSS-Tricks 前回、 iPhone Buttons を再現した際に使った方法でグラデーションかけられそうなので試してみた。 オリジナルの詳しい解説は既にコリスさんにありますので割愛。 大分書き進めた後に気づいたけど、コメントにあった span を使う方法のがパッと見簡単やないかな……こっち使うほうがいいかもしれんね…… 動作確認 Chrome(7.0.517.41) で確認。もしかすると、ウィンドウ幅が小さいと崩れるかも。横幅 1024px で最大化して確認してます。 同じ webkit の Safari でも