CSSフロートコード作成のチュートリアルサイト「Floatutorial」
CSSコードのチュートリアルサイト「Max Design」の9つのフローティングチュートリアルです。細かく手順が書いてありますので、わかりやすいのではないかと思います。 詳細は、以下から。1から9のチュートリアル名とデモ画面の画像です。 右にイメージを置く Floatutorial: Tutorial 1 - all steps combined イメージとキャプション Floatutorial: Tutorial 2 - all steps combined 縦にイメージを並べる Floatutorial: Tutorial 3 - all steps combined サムネイルギャラリー Floatutorial: Tutorial 4 - all steps combined 「next」と「back」を使ったリスト Floatutorial: Tutorial 5 - all s
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript minmax.jsはIE6以下でmin-width,max-width, min-height , max-heightのプロパティを利用可能にするjsライブラリになります。 CSS2では以下のプロパティが定義されているがIE6には実装されていない。 max-width - 要素の横幅の最大値を指定する min-width - 要素の横幅の最小値を指定する max-height - 要素の高さの最大値を指定する min-height - 要素の高さの最小値を指定する minmax.jsはこれらのプロパティを利用可能にするjsライブラリです。 設置方法 設置方法はダウンロードしたminmax.jsをhead要素内などで読み込むだけです。 <script type="
![min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
CSS Nite公式ブログ:［Web標準の日々］フォローアップ：「XHTML CSS」トラック
2007年7月15-16日に開催した［Web標準の日々］の「XHTML+CSS」トラック関するスライド資料、音声、映像などをシェアします。 Karl Dubost、Olivier Thereaux スライド（PDF） スライド（HTML） 音声 X2：名前のウェブとXHTML文書のプロファイル 神崎 正英 スライド（PDF、17ページ、374KB） 関連エントリー 音声非公開 X3：これから始めるCSSレイアウト術 読めるソースが優良といっても過言ではないのだ 伊藤 学 関連エントリー（スライドのダウンロードあり） 音声 X4：転ばぬ先のプロジェクトデザイン〜 Web標準への準拠を見据えて 〜 木達 一仁 スライド（PDF、71ページ、5.1MB） 音声 X5：混ぜるな危険?複合文書から見たXHTML+CSSとスキーマ活用 石川 雅康 スライド 音声（期間限定） X6：ブラウザ表示モード
IEでposition:fixedを再現するFixed positioning
IEでposition:fixedを再現するFixed positioning Fixed positioningはIEで固定配置つまり、position:fixedが利用可能になるjsライブラリです。 IEの6以下のバージョンにはposition:fixedが正常に動作しないというバグがありますが、それを解決するのがこのFixed positioningです。 設置方法 head要素内などで、ダウンロードしたfixed.jsを読み込みます。 <script type="text/javascript" src="fixed.js"></script> これだけでposition:fixedが正常に動作するようになります。 サンプル 関連エントリー テーブルをソートできるようにするjsライブラリ-table sorting 画像に鏡面効果を与えるreflection.js 半角ｶﾅを全角カ
Table of Contents | The Elements of Typographic Style Applied to the Web
Front cover Introduction 2 Rhythm & Proportion 2.1 Horizontal Motion 2.1.1 Define the word space to suit the size and natural letterfit of the font 2.1.2 Choose a comfortable measure 2.1.3 Set ragged if ragged setting suits the text and page 2.1.4 Use a single word space between sentences 2.1.5 Add little or no space within strings of initials 2.1.6 Letterspace all strings of capitals and small ca
CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie : 4GALAXYのメモ
19 29 08 2007 CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie jQuery, Css CSSを動的に切り替える方法をいくつか紹介します。全てcookieにより保存されます 1.styleswitch.jsを使う方法 まずGoogleで一番ヒットするのがstyleswitch.jsです。 コード <script src="styleswitch.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="title1" href="css1.css" />
font-size指定 | d-spica
font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは，ブラウザとその設定によってまちまちです。でも，せめてデフォルトの状態では意図したレイアウト，フォントサイズで見てもらいたい，という願いもないわけではありません。font-sizeの指定をどうするか，ちょっと考えてみました。 font-sizeは%で font-sizeをpx，pt，inなどで絶対指定すると，Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem，ex，%で相対指定（基準になるものとの比率で指定）するのがよいとされています。 Win
Firefoxで高さ 100% の Flash が1/5しか表示されない
恥ずかしながら知らなかったんで、自分メモ。 フルスクリーンのFlashサイトを作成中、Mozilla系ブラウザ（Firefox,Netscape,Mozilla)だけFlashの高さが半分以下で表示されてしまい、バグとは知らず勝手にハマる。 途方に暮れて検索すると、 高さ 100% の Flash ムービーは、親コンテナの高さも 100% に設定しなければ、使用可能なブラウザのスペースいっぱいに表示されません。 〜中略〜 親コンテナ (html、body またはコンテナの p/div) の高さを 100% に設定します。 Adobe – CSS Advisor (ベータ版) ? 高さ 100% の Flash のバグ バグなのかorz というわけでcssに以下の記述を追加。 html, body { height: 100%; }
ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://as-is.net/blog/archives/000876.html
TableとCSSいろいろ - DesignWalker
ファビコンにこだわる ADP: Web Designアーカイブ
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
フロートとネガティブマージンまとめ:CSS | Tech de Go
http://www.stylish-style.com/csstec/ultimate/fixbox-ie6.html
フッターを画面の下に表示〜CSSテクニック〜
height100%のボックス〜CSSテクニック〜
CSSで角丸を作成する方法25選『25 Rounded Corners Techniques with CSS』 – creamu
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け