QuirksMode
QuirksMode.org is the prime source for browser compatibility information on the Internet. It is maintained by Peter-Paul Koch, mobile platform strategist in Amsterdam, the Netherlands. QuirksMode.org is the home of the Browser Compatibility Tables, where you’ll find hype-free assessments of the major browsers’ CSS and JavaScript capabilities, as well as their adherence to the W3C standards. It is
Litebox/Lightboxの使い方
Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはならなくなります。 小粋空間: Litebox 1.0 の rel 属性を自動付与する 他 それは面倒だ、美しくないと思ってしまったので、このエントリーではもう少しスマートなやり方を書いておきます。何かの参考になる場合もあるでしょう。 まず、スタイルシートはそもそも上書きして使うものです。下のようなスタイルシートをlightbox.custom.cssとか適当な名前で生成しておき、lightbox.cssより後に読み込まれるようにしておけばオリジナ
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
Internet Explorer 7 CSS hacks — Anne’s Blog
2 February 2007 When the Internet Explorer team fixed the CSS parser to no longer support used hacks they did that quite literally. They hacked the parser to no longer support two used hacks. Or something in that direction. Below a list of documents that you can load in Internet Explorer. You could use the Live DOM Viewer to run them. <!doctype html><style> body { `background:red <!doctype html><s
Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示
えっ、当然ブロードバンドっすよ、何か？みたいな世の中なんで、果たしてどれくらい効果があるのか分からないのかも知れないんだけれども、ちょっとばかし重たい画像があったとして、その画像の読み込み中に味気ない空白を見つめているよりは、読み込み中を表すインジケータのアニメーション GIF を用意して img 要素の背景画像に指定しておけばナローバンドな環境にも配慮できるでしょ？（超意訳）みたいな小技が maratz.com » archive » Image Preloader で大分前に紹介されてたのを見つけたんでやってみた。 重い画像を読み込む際のインジケータをCSSで表示のサンプル img { display: block; background: #fff url(progressbar_long.gif) center center no-repeat; } 全然、分かんね。Ctrl+F5
Light text on dark background vs. readability | 456 Berea Street
What’s up with the current design trend of light text on dark backgrounds? Many web designers seem to favour inverted colour schemes, but what happened to readability and usability? I know I am not the only person to find it very uncomfortable to read text on sites with inverted, high contrast designs. Light-on-dark designs aren’t new. What’s new is that they have been appearing more frequently in
UX agency Webcredible joins Inviqa
Searching for the UX agency Webcredible? Don’t worry, you are in the right place! The award-winning Webcredible team has joined up with digital agency Inviqa after operating for 15 years as an independent experience design and UX team. The bold decision to become more than a UX agency was done for a simple reason: by incorporating Webcredible’s UX services into Inviqa, we are now able to service c
CSS セレクタに関するおさらい 2 | WWW WATCH
前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。 擬似クラス (Structural pseudo-classes) E:root ドキュメント内のルート要素である E という要素にスタイルを指定します。CSS3 で定義。(X)HTML においては、ルート要素は html 要素になるので、 :root { margin:0; padding:0; } とすれば html 要素にスタイルが適用されます。XML の場合は、DTD で指定されたルート要素に対して適用されます。 E:nth-child
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル)
Internet Explorer 7日本語正式版 Internet Explorer 7(IE7)の日本語正式版がリリースされた。現在はまだダウンロードしてインストールする必要があるが、2007年4月をめどに、Windowsの自動アップデートで「優先度の高いアップデート」として配布される予定だ。「IE7ではWebページの表示が崩れる」といった問題が出る場合、それまでには対応を済ませておきたい。 そこで本稿では、IE7 beta2のCSS実装検証を元に、IE7日本語正式版における変更点やバグをまとめる。また、IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法、CSSハックについても検証する。 新規対応機能一覧 未対応機能一覧 修正済みバグ一覧 未修正バグ一覧 CSSハック一覧 参考 CSS実装徹底検証! そこが知りたいInternet Explorer 7 なお
ふと今日は・・・・・・ userContent.css で特定リンクのマウスカーソルを変化させる
02«|12345678910111213141516171819202122232425262728293031|»04 文字サイズ Firefox 43 より、署名なしの拡張が無効化されることとなりました。 その為、使用できなくなるこのブログ上のすべての拡張は今後更新されることがありません。 これを行うにはまず useContent.css を用意しなければいけない。 プロファイルフォルダ直下のchromeフォルダ以下に、スタイルシートの書き方に添った形で書いたファイルを userContent.css と（テキストエディタで）名前を付けて UTF-8N で保存することで適用できる。 なお、 chrome フォルダには userContent-example.css というサンプルファイルが最初から用意されていますので、このファイル名を変更し、-example という文字を取り除けば、
Opera News
AI New AI Feature Drop: Opera One Developer gets a new Aria access point and now... March 14th, 2024 In this week’s AI Feature Drop, early adopters using the Developer stream of Opera One can test using the Aria... AI, Opera for Android Opera for Android 81 now comes with Ask Aria and Aria Voice features for improved... March 13th, 2024 Opera for Android 81 introduces Ask Aria and Aria Voice, enha
ウェブブラウザ Opera | 高速かつ安全な多機能ブラウザ | 無料ダウンロード
自分だけのブラウザ デフォルトブラウザよりも速く、安全でスマートなOperaブラウザ。プライバシー、セキュリティ、オンラインで行うすべてのことに対応したフル もっと見る
pre 要素のスタイル定義とマークアップ - 2xup
2006-09-07T00:56:49+09:00 なにやら pre 要素に CSS でどういったスタイル定義をしているのか、また、pre 要素をどのようにマークアップしているのか、様々な意見がでている模様。 ブログにコードを貼り付ける方法で悩むの巻(i d e a * i d e a - Lifehacks by 100SHIKI.COM) pre要素へのスタイル指定(hail2u.net - Weblog) Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻(hxxk.jp) 情報共有と新たな発見を期待して、どのようにスタイル定義・マークアップしているのか公開することに。まずは注意しているポイントを挙げてみます。 Macintosh 版 Internet Explorer では、div 要素以外に値が visible (初期値) 以外の overf
IE|Moz ウェブページのCSSを無効にする方法 - Personnel
Internet Explorer5.5 later/Winの場合 NoStyle.urlをダウンロードし、お気に入りフォルダ（Favoritesフォルダ）内のリンクフォルダに入れます。多くの場合、パスは C:\WINDOWS\Favorites\リンク かも知れません。 Mozilla等の場合 よく知りませんが、ユーザー設定ツールバーというものがあり、そこにNoStyle.urlを放り込むとよいのだそうで。 Sleipnirの場合 メニューより、【ﾂｰﾙ(T)】 → 【Sleipnirｵﾌﾟｼｮﾝ(B)】 の項目「スクリプト」にて、「スクリプトによる Sleipnir の操作を許可する」のチェックをオンにする メニューより、【ｽｸﾘﾌﾟﾄ(R)】 → 【ｽｸﾘﾌﾟﾄの整理(E)】 でフォルダを開き、pnirToggleStyle.jsをその中に置く メニューより、【ｽｸﾘﾌ
Showing Good Form
Earlier this year, I forget exactly when (it’s been a good year), I was building a client site that needed widgets which look like this (designed, incidentally, by my erstwhile writing partner, Cameron Adams): Building this was a challenge not just in CSS, but in choosing the proper markup – how should such a widget be constructed? Mmm … markup It seemed to me there were two key issues to deal wit
Acid 2 in major browsers
Acid 2 screenshots This is a series of screenshots of current major browsers (or browsers that pass), rendering the Acid 2 test. Each can be compared with the screenshots of Internet Explorer's current releases - currently the most popular browser, and also the one with the poorest support for Internet standards. Congratulations to everyone who passes; Safari, Prince, Opera, iCab, Konqueror, (futu
IE6で最小幅を実現する
CSSでボックスの最小幅を指定するには通常min-widthを使いますが、IE6はこれに対応していません。 そこで、IE6で擬似的にmin-widthを実現する方法としてボーダーとネガティブマージンを使うものが知られています。 Lucky bag::blog: IE で min-width を指定する方法 外側のボックスのボーダーで最小幅を確保しておいて、 その上に内側のボックスをネガティブマージンで重ねる。 これだけならHTMLとCSSは次のようにシンプルで済みます。 <div> <p>ここは可変幅だけど最小幅をもつ</p> </div> div { border-right:400px solid #fff; } p { margin-right:-400px; } 実際、Firefoxはこれだけでうまくいきます。 ところが肝心のIE6はなぜかボーダー部分まで可変になってしまいます。
Making Compact Forms More Accessible
A designer recently handed me a compact-form design that included the oft-seen technique of putting field names directly inside of the text fields themselves. The typical method of marking this up is to put the field name in the value attribute of each input element. You would then throw in some JavaScript and server-side scripting to make sure that the user didn’t submit the form with the default
World Wide Web Consortium Celebrates Ten Years with Style
Cascading Style Sheets Have Changed the Face of the Web http://www.w3.org/ – 19 December 2006 – This year 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. “The design community has confirmed that using CSS promotes beauty while making it easier and less expensive to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fam.cx