勝手ながらBRnet Web Paradiseは都合により休止します。当分の間、コンテンツはこのまま残しておきますが、今後更新されることはありません。長らくのご愛顧ありがとうございました。 「スタイルシートの限界」について このパートについては、管理人の個人サイト norisfactory に全コンテンツを移行させました。

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。

免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

Account Suspended This Account has been suspended. Contact your hosting provider for more information.

Windows Mac OS X Macintosh Other IE Mz Ns Op iC IE Mz Ns Om Op Sf IE Mz Ns Op Ko 7 6 5.5 5 4 1 7 6 4 8 7 6 5 2 5 1 7 6 4 8 7 6 5 2 5 4 1 7 6 4 6 5 3 7 6 5.5 5 4 1 7 6 4 8 7 6 5 2 5 1 7 6 4 8 7 6 5 2 5 4 1 7 6 4 6 5 3 IE Mz Ns Op iC IE Mz Ns Om Op Sf IE Mz Ns Op Ko Windows Mac OS X Macintosh Other voice-family:"\"}\""; voice-family:inherit; property:value;

GoodCSSHack The Attributes of a Good CSS Hack Does not penalize browsers with better CSS parsers (future-proof) Uses valid syntax, and standard properties and values Does not leave a style sheet difficult to maintain Good CSS Hackの、大雑把な翻訳です。 Good CSS Hack - css-discuss The Attributes of a Good CSS Hack (良いCSSハックの属性) As new CssHacks appear constantly, we must make sure that, if we must use them, ou

HTML,CSS,CSSハック,SEO,Web広告,Webトレンド等の話題を扱うkennsuのblogです。日常の話題はこちらへ「kennsuの行動記録」 Home｜ About｜ Archive｜ RSS feed IE７のリリースもまもなくだそうで我々コーダーにとっては恐怖のアンゴルモア大王がやってきた気分です。 と、言いましてもIE6から多くのバグを解決しRSSリーダーも標準装備（feedpathっぽいデザインでしたよ）で使えるCSSセレクタも増量！。 やっぱり生まれ変わったIE君、今まで嫌われ者だったIE君を暖かく迎える準備をしてあげたいと思いまして、本日は紙の輪っかを一杯つなげたやつ（あれなんていうの？）の代わりに以下のコードを用意してIE７君を迎える準備をしたいと思います。 詳細は以下。 div{ min-height:1%; } div:after{/*for modern

10 Years of CSS In 2006, the World Wide Web Consortium proudly celebrates the ten years of Cascading Style Sheets (CSS), the technology designers use to create attractive, economical, and flexible Web sites. In these pages you will find history and highlights from 10 years with style. 19 December 2006 World Wide Web Consortium Celebrates Ten Years with Style 18 December 2006 Fuji CSS Validator rel

2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基本となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS

this is h1 this is a link with h1 this is h2 this is a link h2 this is h3 this is h3 this is h4 this is a link h4 this is h5 this is h6

IEのせいで、:hoverとか:activeとか使いたいが為に無理やりanchorを使うマークアップを良く見かけますが、 これを極力Web Standardに近づける為の方法にcsshover2.htcってのがあるのでご紹介。 使い方はサイトにも書いてあるけども、 body { behavior:url("csshover.htc"); } みたいに読み込むだけです。 ただIEだけに適用すべきなんで条件付コメント(Conditional Comments)とか使うと良いと思います。 実際にTokyo Graffitiって言うSNSでも使ってます。

まずった。 Opera for Wii（以下Wipera、勝手に略称付け）をダウンロードして早速自分のホームページにアクセス。おお、予想以上にまともっつーか、数ヶ月前にも似たような感覚を覚えたな、とか思いながらカドゥケウスZ攻略ページを開くと・・・上下にスクロールできない。 理由は分かってる。擬似フレームを利用したせいだ。擬似フレームというのはhtmlとbodyにheight:100%とoverflow:hiddenをつけてから中のボックスにoverflow:autoを与えて、さもframeを使っているかのような視覚効果を生み出すCSSウル技の一つ。 この時bodyの高さ=ウインドウの高さになるのだが、そこに問題がある。 基本的に、ブラウザでページを開いた際に真っ先にフォーカスが移るのはbody（htmlかも）要素になる。そして、キーボードの入力はフォーカスされている要素に送られる。 つま

公開テンプレート（Movable Type/Serene Bach/sb/ FC2ブログ/Seesaaブログ）でカラムレイアウトをリアルタイムに切り替えるカスタマイズです。ここでは公開テンプレートをサンプルに説明していますが、同様の構造であればどのようなテンプレートでも実現可能です。 とりあえず、どのような動作になるかをサンプルでお試しください（中央上部のプルダウンメニューで操作できます）。 以前、類似の記事でスタイルシート切替や3カラム可変と3カラム固定を切り替えるをエントリーしていますが、これらはいずれもスタイルシートを新たに追加する必要がありました。つまり「スタイルシートを切り替える」というカスタマイズでした。 今回のカスタマイズでは、スタイルシートの追加や切り替えなしにレイアウトを切り替えることができます。 その理由は、現在公開しているテンプレートでは1つのスタイルシートに 3カラ

サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS