This domain may be for sale!
印刷用 CSS 書いてますか? Web はユーザが見方を決められる唯一のメディアだと「コクボックルさん」が言っていたので、やっぱり印刷用のスタイルはきっちり書いておいたほうがいいですよ! でも、「書いて確認して、、、めんどくせー!だって、印刷プレビューってリロードできないんだもんよー!」 と某デザイナーさんが言ってた。。 やってみたら、たしかにめんどくせー。 じゃあ、出来るようにしようジャマイカ こんな時間に拡張機能を一つ作ってしまった^^; みなさんも、印刷用 CSS の確認のお供に使ってくらさい。 ダウンロード http://usrb.in/aj/pp-0.1.xpi 使いかた 印刷プレビュー画面で「F5」でリロード。今のところそれ以外の機能は一切ない。 確認機種 Firefox 2.0.0.3 Linux Firefox 2.0.0.3 Windows XP フィードバックくれるとう
コーディングコンテストVol.1にて、益子賞を獲得されました、User Centered Designさんのデータを公開します! 受賞者の一覧はコンテストの結果とLP3を終えてを見てください。 index HappyLifeマシン 一式ダウンロード 追記にて、profile.txtに記載して頂いた情報や、益子さんからのコメントを掲載いたします。 profile.txtの内容 お名前 User Centered Design サイトURI http://www.ucdesign.co.jp/ 年齢 28歳 職業 WEBデザイナー 会社名 株式会社ユーザー・センタード・デザイン CSSによるコーディング歴 2年半 作業環境関連のデータ(OS、オーサリングソフト、エディタ) OS:Windows XP SP2 使用ソフト:Dreamweaver8、Fireworks8、Photoshop CS
display Windows版 Netscape 7.0 , 6.x[run-in][compact][inline-table][marker]に対応していない。 7.0 , 6.1[none]はFORMには適用されない。 7.0IFRAME・IMG・INPUT(type="file"を除く)・OBJECT・HR・ISINDEX・BUTTON・TEXTAREAには[list-item]は適用されない。 Windows版 NetscapeNavigator [block]を指定した場合、指定した要素の前は改行し、後は改行しない状態で表示される。 [inline]を指定した場合、指定した要素の前は改行しないが、後は改行された状態で表示される。また、文字が重なって表示される場合がある。 [list-item][marker][run-in][compact]テーブル関連の値に対応していない。
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
アップルのSafari開発チームは、Web標準の実装に力を注いできました。これは、Safariでのページの最適表示を保証する最も簡単な方法は、標準に従うことだということを意味します。そうすることが、Mozilla、Opera、MacintoshのInternet Explorerで最適な表示を保証することにもつながります。もちろん、これらのブラウザのそれぞれに、独自の細かい例外事項や避けられない解釈の違いがあるため、作成したサイトをこれらすべてのブラウザでテストすることも必要です。 ちなみに、Windows OS用に最も広く使用されているWindowsのInternet Explorerでは、Webデベロッパは、いくつかの標準でない手法を使用したり、レイアウトの相違を受け入れたりすることをしばしば要求されます。この状況が近い将来に変わるとは考えられないため、当分は、Webデベロッパはこう
どうも、IEだけ異なる挙動をするので、検証してみました。vertical-align 属性のキーワード指定の初期設定が違うだけなのかと思いきや。 p要素 mac 版 firefox windows 版 IE ありゃりゃ、line-height に指定した 180% が無視されてるよ。 h1〜h6要素も同じと思われる。 li要素 mac 版 firefox windows 版 IE li要素でも、やはり line-height が無視されている。背景の方は問題ない。 td要素 mac 版 firefox windows 版 IE td要素内は大丈夫なようだline-height は大丈夫だが、vertical-align:top と bottom の位置がtext-top/text-bottomと同じになってしまっている。これは初期設定?(でも、ボーダーの dotted が・・)。 lin
E-mailシ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
vertical-alignの使い方【css tips】 vertical-alignは正しく理解していないと使いにくいプロパティである。 特にtableレイアウトからcssレイアウトに移行する際に混乱が発生しがちだ。 テーブルレイアウトでよく使う以下のようなコードがある。 <table width="200" height="200" bgcolor="#39FF6B"> <tr> <td valign="middle" align="center">中央に表示したい文字</td> <tr> </table> サンプル このコードをcssレイアウトに変更する際に HTMLを <div> <p>中央に表示したい文字</p> </div> CSSを div{ width:200px; height:200px; background:#39FF6B; text-align:center; v
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;
GWに画像の使用を極力控えてかっこいいCSSデザインをやってみように参加してみました。 今回のエントリーはこちらシンプルなさゆりふりかけスタイル マークアップの制限があって難しかったですね。特に"大会の参加要項"のブロックで"部門別のルール"の枠組みでのコンテンツとマークアップの絡みが面倒に感じました。内容的には同じ位置づけに感じましたが、マークアップは <h6>画像使用の制限</h6>と<p>画像は一切使用してはいけません。</p>となっている部分で、マージンが取れなかったとい点ぐらいです。 驚いたのは、自分が参加した際にはなかったエントリーでほとんど同じような成形をされていた方がいたのが驚きました。Tripletほとんど似ています。びっくりです。自分も今回の参加の狙いは、他の方のウィークポイントで差をつけようと思ったのですが、この方も同じような点に気をつけられていたのでびっくりしました
Mozilla 5.0 系の CSS バグ。 :first-letter擬似要素に設定したスタイルが動的擬似クラスにマッチすることで失われる フロート化していない:first-letter擬似要素にスタイルが設定された要素が動的擬似クラス(:hoverなど)にマッチすると、擬似要素に設定したスタイルが失われてしまう。 MT 2.661 使用時から各エントリーのタイトル(h3 要素)に first-letter で装飾を施したスタイルを使用していて、トップページやカテゴリアーカイブのインデックスページからはその h3 要素内のテキストを a 要素として各エントリーへリンクさせているのだけれど(微妙な表現だけれど大丈夫ですかこれ)、前述のバグによって Mozilla では a 要素へマウス乗せたあとには first-letter による装飾が解除されるようになっていた。のだけれど、MT 3.1
This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get: Sliding doors Since we want our buttons to be über-flexible, we'll have to make the background image expand with the si
Zoom Zoom Zoom Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus. ボタンでサイトの文字サイズを自由に変更するサンプル。 右上のボタンを押すことで文字サイズを変更できます。ニュースサイトでは標準実装されている機能ですが、自分のサイトにも埋め込みたい場合、このサンプルが応用できそう。 switcher.js というファイルを読み込んで表示しているようで、ボタンを押した際にスタイルシートをJavaScriptで書き換えているようです。 もっと良いサンプルは作れそうですが、手早く改造して利用する分にはこれでもよいかもしれませんね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く