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
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より後に読み込まれるようにしておけばオリジナ
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,
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
もずはっく日記(2006年12月) 2006年12月4日 x-heightが何pxかを調べる方法 初回投稿日時: 2006年12月04日13時49分57秒 最終更新日時: 2006年12月04日14時11分39秒 カテゴリ: CSS Javascript SNS: Tweet (list) 昨日IRCで聞かれたネタ。Javascriptを使えば算出は可能。 不可視の要素を二つ作り、一つを親、一つを子とする。 親要素のスタイルを以下のように設定する display: none; font-family: 調査したいフォント名; font-size: 32px; /* 大きいほど精度が高く、UAの最小フォント設定に邪魔されない */ 子要素のスタイルを以下のように設定する font-family: inherit; /* 不要? */ font-size: 1ex; 子要素をJavascr
Back to Web Devout home Web browser standards support This document will summarize the level of support for web standards and maturing technologies in popular web browsers. It covers the Internet Explorer, Firefox, and Opera web browsers, with focus on the HTML, CSS, DOM, and ECMAScript technologies. Pick browsers to display Accessibility features Up Visitors with visual impairments may take advan
CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
Over the past 6 months or so Javascript has really gotten a lot of attention. I can’t name a web application released in the previous months (although I’m sure there are a few) that doesn’t use Javascript to provide an enhanced experience for users. I wanted a way to facilitate that interaction that doesn’t involve me repeating myself over and over wiring and rewiring event ovservers to a document
Posted by masuidrive Tue, 14 Feb 2006 08:21:00 GMT Yahoo! UI Library Yahoo全般で使われているJavaScriptやCSSをまとめて、BSDライセンスでリリース。 使えそうなコンポーネント が大量に提供されています。カレンダー は良さそうなのをあまり他で見ないから助かるな。よく使うから。 JavaScriptは、prototype.js と同居できるかが最大の焦点だな。prototypeはObject汚染 があるから、他のライブラリとの共存に問題があるからなー。 Takachin がblogで紹介している、Yahooのインタラクションデザインのケーススタディ の成果がこれなのかな？ だとしたら、ユーザビリティを考慮したライブラリだろうから、試すのが楽しみだ。ちょっと試しに設置してみました。カレンダー。 http://
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く