次のIE7やFirefox、Opera、Safariなどでサポートされる「CSS3」に関する情報をまとめたサイトです。テーブルの角を丸くするとか、文字に影を付けるとかの効果を確認できる実際にCSS3を使ったサンプルもあります。 Everything you should know about CSS3 - CSS3.info http://www.css3.info/ プレビューいろいろ。 CSS3 Preview - CSS3.info http://www.css3.info/preview/ 例としては以下のような感じです。なお、FirefoxなどのCSS3に対応したブラウザで見ないと効果がわかりませんのであしからず。 角を丸くする、四隅の内2つとか、上だけとか下だけとかも可能 http://www.css3.info/preview/rounded-border.html 文字に影
IE 6.0 - Browsers - Multiple Explorers ブラウザの速度比較のリンク先でも出てましたが、古いバージョンのIEを使う方法。 サイトでは、IE3、IE4、IE5.01、IE5.5sp2のバイナリが配布されており、解凍してすぐ使えます。 古いバージョンのIEでいろいろページを見ていると、CSSでデザインされているページの場合、結構デザインが崩れてたりします。 古いIEはないから動作検証できないなぁ、と思っていた人にもこれである程度調節は出来ます。
それで、動的に変化させる「きっかけ」として、HTML 4.0では以下のような内在イベントが定義されています。 onload ウインドウあるいは全てのフレームの読み込みが完了した時に発生する。BODYかFRAMESET要素に設定することが出来る。 <BODY onload="function()"> <!-- 読み込みが完了したら呼び出す --> <BODY onload="setTimeout('function()',n)"> <!-- 読み込みが完了してからnミリ秒後に呼び出す --> onunload ウインドウあるいはフレーム内の文書を破棄する時に発生する。BODYかFRAMESET要素に設定することが出来る。 onclick 要素上でポインティングデバイスのボタンがクリックされた時に発生する。ほとんどの要素に設定することが出来る。 <SPAN id="c1">変化させたい要素<
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
スポーツ紙などで報道もされたので確定ですね。紺野あさ美さんおめでとう。 実際のところOB視点から見ても違和感はありません。藤沢のAO入試だもんね。腐っても元娘。なんだからそりゃ受かるでしょという感じ。 今後ですが、まずは無事に卒業してもらうことですねw。卒業さえすればフジが取るでしょw。平井理央よりは確実にアイドルとしての実績は上ですからねw ヤンキー要らないだの言ってる奴がこの界隈多いみたいだけど。おまいらは後藤のときどーだったのかと。と古い人間としては思うわけですよ。 異分子大賛成。でも落ちるんだろうな。 半年間空いちゃったね。その間会社たたんだり再就職したりといろいろあったもので。ぼつぼつ書いてくよ。 ファミマwithやぐちひとりのお弁当シリーズを食べてみたよ。とはいえタコライスおにぎりだけですが。矢口スマン。 簡単に言うと・・・んまい。特にタコスソースの感じがいけてます。辛さの中に
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設
javascript + css Advanced Design samples 執筆した書籍で解説したサンプルです。
ビースティーノカジノ- Beastino Casinoであなたの内なる獣を解き放ちましょう。何千ものトップスロットの中から選び、テーブルゲームで順番を決め、ライブカジノで動物のアクションを楽しむことができます。 カジノを見る ビースティーノカジノ ビーストモードで行こうBeastinoは、最大のゲームコレクションを持つカジノの獣です。アカウントを作成するのに時間はかかりませんし、唯一の問題は、最初に何をプレイするかを決めることでしょう。 Microgaming、NetEnt、Yggdrasil、Pragmatic Play、その他多数のトップクラスのゲームプロバイダーがここにあります。Beastinoでプレイすれば、いつでもジャングルの王様になった気分になれるでしょう。 Beastinoで何千ものゲームをプレイスロットが欲しいなら、私たちにはスロットがあります!正確には3000台です。次の
プロパティ -> CSS 仕様書(邦訳)へのリンク 各プロパティから仕様書(邦訳)の当該箇所へのリンクです。( en | ja )
ここまでのおさらいです 以下に用意した画像には、前のページまでに登場したどれかのフォントが使われています。 みなさんならわかるはず!さあ、当ててみてください。
こんなことに3日も悩んでしまった。div の height を 1px にしても、IE6 ではうまく表示されません。 <div style="width:100%;height:1px;background-color:red;"></div> これは次のように表示されます。 Mozilla / Firefox では意図通りに高さが 1px になりますが、IE では1文字分の高さが確保されます。そこで font-size を小さくしたらいいのではないか思い、 <div style="width:100%;height:1px;background-color:red;font-size:1px;"></div> のようにしてみましたが、これでも 2px 分は表示されてしまいます。他にも font-size:0px や line-height:1px のようにしてみたのですが、うまくいきませ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く