cssの情報・まとめ - かちびと.net
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The
安全な@font-faceの書き方(抄訳)
Internet Explorerではかなり昔からあった埋め込みフォント(@font-faceによるフォントの参照)の機能は、Safari 3とFirefox 3.5で有効になったことから急速に話題になることが増えた。ようやく時代がMicrosoftに追いついてきた感じですね。その書き方は大筋では一緒なのだが、細かな仕様の違い、というかIEがEmbedded OpenTypeしかサポートしていないことから工夫が必要になる。その工夫をBulletproof、つまり将来にわたって安全であろうという観点で短くまとめたBulletproof @font-face syntaxというすごく参考になったエントリがあったので訳しておく。語調などは超訳なので、原文とニュアンスが変わっているかもしれない。 安全な@font-faceの書き方 以下は訳注と私見。 条件付コメント 面倒くさいというのはわからなく
lh3.jp - 実践 Web Standards Design の再刊行のお知らせ
lh3.jp lh3.jp は lucky bag と hxxk.jp と 3ping.org のトリオがドメインを共有して、色々な何かをお届けするサイトです。 こんばんは、 hxxk.jp の真琴です。 今日は記事を 2 連発です。 原稿書きとトラックダウン・マスタリングで実践 Web Standards Design - Web 標準の基本と CSS レイアウト & Tips （これ以降、文中ではホップ本と表記）の出版元である株式会社 九天社の破産申し立ての件をお伝えしましたが、ホップ本の市中在庫も少なくなってきたようです。 （なお、現在は http://9-ten.co.jp/ のドメインは失効しており、 _neuve project_ の方が九天社（跡地）として書籍情報を再公開されています。ホップ本の書籍情報も再公開していただいています。） ホップ本は発売当初より、一般書店での売り
Web デザインに関するアンケート結果 - 3ping.org
Web サイトの主にレイアウトに関するアンケートを行いました。 アンケートにご協力くださり、ありがとうございます。ブログや Twitter、Mixi 等でアンケートを紹介して下さった方々にも合わせてお礼申し上げます。ありがとうございます。おかげさまで思った以上に回答数が集まりました。 以下、アンケートの結果報告となります。(ちょと時間が無くて調整できていないので見辛いかもしれません。すいません。) 実施期間 2008.8/31～2008.9/3 回答数 544 主な掲載場所 Web デザイン・情報系ブログ Mixi Twitter あなたの Web との関わり方を教えてください (複数回答可) 回答 選択肢 回答数 割合(%) ほぼ閲覧のみ 63 12% 自分でサイト(ブログ)を公開している 407 75% 趣味での Web 製作者 241 45% 仕事での Web 製作者 233 43%
CSS Advanced Layout Module
CSS Advanced Layout Module W3C Working Draft 9 August 2007 This version: http://www.w3.org/TR/2007/WD-css3-layout-20070809 Latest version: http://www.w3.org/TR/css3-layout Previous version: http://www.w3.org/TR/2005/WD-css3-layout-20051215 Editors: Bert Bos (W3C) bert@w3.org Copyright © 2007 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. CSS is
Liquid Designs & elastic : Resources
What is a CSS Liquid Layout? liquid (lik-wid): a substance that flows readily and takes the shape of its container. Liquid layouts are layouts that fill the browser window. Rather than set a fixed width, they allow the user to control the display, and therefore are not subject to the ongoing question of which screen resolution to support. Purpose The purpose of CSS Liquid is to promote the use of
固定幅ベースの elastic レイアウトサンプル
elastic レイアウトと言っても、固定幅ベースか可変幅ベース（とは言っても min、max-width による半固定だけど）のどちらかからのアプローチになるとは思う。当サイトでは、ここ1年半ほど可変幅ベースの elastic レイアウトを採用しているんだけれども、ちょっと思い立って固定幅ベースの elastic レイアウトのサンプルを 3 つほど作ってみた。 文字サイズの変更に追随する elastic レイアウト 作ったのは 600px（640×480向け）、780px（800×600向け）、960px（1024×768向け）の幅をデフォルトで持っていているレイアウト。それぞれ、だいたいどれくらいの幅を指定すれば良いのか調べたかったってのがサンプルを作った主な理由。ブラウザの表示メニューなどから文字サイズを変更すると、それに追随してレイアウトの大きさも変化する。内包するカラムを黄金比
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]上部のエリアを確保しつつ、要素をページの中央に配置するスタイルシート
IE6で閲覧するとモノクロ - lucky bag