|
こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(opacit... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 各ブラウザのUIスクリーンショットに納得がいかない…。なんで変なとこでLunaとかAeroで撮ったSSが混じってるの。Mosaic2.0withLunaとかわけがわかんない//ChromeのSSの多さと変わらなさにもワロタ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS、スタイルシート初心者の頃悩んだりハマったことを少しまとめてみました。フロートまわりのトラブルや、IE特有のhasLayout問題など。Webテクニック BeginnerBrowserCSS Share CSS、スタイルシート。初心者のころにはCSSのスタイルがうまくいかなくて、半日や丸一日... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改め... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
下記は各ポイントを意訳してものです。はじめにDemo 1: overflow:auto;Demo 2: overflow:hidden;overflowを使って生じる問題点と解決方法はじめにフロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないこ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法 | コリス フィード](/thumbnail/550961.png)
デモ紹介1. 条件付きコメントの利用2. CSS Hackの利用3. 条件付きのHTML classデモ紹介デモページは、下記のように設定されています。スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど）背景色がグレーIE8背景色がピンクIE7 or ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集 | コリス フィード](/thumbnail/546368.png)
CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。下記は各ポイントをピックアップして意訳したものです。はじめにStyling HTML5Classing like HTML5Media QueriesStyling ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法 | コリス フィード](/thumbnail/541490.png)
IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。各ブラウザ・スマートフォンに対応させる@font-faceの指定方法各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
上記デモのスタイルシート ※クリックで拡大「CSS3 PIE」の使い方は簡単で、既存のCSS3に一行を追加するだけです。適用前のCSS#myElement {background: #EEE;padding: 2em;-moz-border-radius: 1em;-webkit-border-r... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
adobe | 01:31 | Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。https://browserlab.adobe.com/index.htmlこのサービスを使うと、以下のブラウザでの表示テストが可能です。Windows XPFi... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。なので最近のブラウザで使えそうなハックを改めてまとめてみました。IE6に適用.huck {_background: #CCC;}IE... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IE6のアップデートを促してくれたり、アクセスブロックしたりする物まとめ。 YoutubeやTwitter等の大手サイトでも古いブラウザを使ってますよの表示がでるようになってきているみたい。 そういうものを簡単に実装するための仕組みが色々とありましたのでまとめてみました。 アップデート喚起・ブロッ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
SitePoint: New Articles, Fresh Thinking for Web Developers and DesignersJennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイト... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
何かしらのサイトを組んでいる時って誰でも一度は思うんだろうけど、 「IEなんて・・・（自重」、「IEさえ・・・（自重」、「ちょ、IEおま・・・（自重」 とか、思うっすよね。ボクも勿論その中の一人で、特にIE6に関しては常に思ったりしています。 IEのために今までどれだけの時間を費やしたか・・・と思... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
JavaScript, CSS「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」「CSS3セレクタを古いブラウザでも使いたい!」といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
やっぱりXPやMACで見ると、こんなにも字体が違うのね。。。 使って最初に思ったことがこれですｗクロスブラウザテストを行えるサービスはキャプチャを取ったり、IETesterのように実際に表示できたりするものもありますが、無料で「BrowserLab」ほど信憑性と手軽さを感じるものは他にないのでは？... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか | コリス フィード](/thumbnail/275889.png)
外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。don't use @import内容は、IEでは@import... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
