デバイスに合わせてCSSを振り分ける「Media Queries」 | DevelopersIO
Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することができ
CSS - Tips2
▼手引き▼ テンプレート（ systemcolor.css ）をダウンロード HTMLファイルに組み込む <LINK Type="text/css" Rel="stylesheet" Href="systemcolor.css"> をHEAD部分に記述。ただし、「systemcolor.css」のパスは合わせること。 使いたい要素（開始タグ）のId属性に「実例」のキーワードを指定する（サンプル参照） ただし、背景色( background-color )と テキストカラー( color )を効率よく指定できるようにしています。 具体的には、上表中の「キーワード0」（語尾に0を付ける）で背景色、「キーワード1」（語尾に1を付ける）でテキストカラーが 変更できます。わからない方はサンプルを参考にして下さい。 実際にブラウザで見てみる <HTML> <HEAD> <META HTTP-EQUIV
IE-winで透過PNGを利用する方法 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 サンプルは透過PNG。テキストの上に、透明度36%の矩形を重ねてある。IE6とFirefoxでは見え方が違うことが解るだろうか？ 左がIEで見た場合、右がFirefoxで見た場合。バージョン６までのIEはPNGのアルファチャンネル（半透明）に対応していないので、普通に使うと透過部分が灰色っぽくなり、期待はずれな結果に終わる。IE6でも透過PNGを表示するには、次のように記述する。 #overlay { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizi
CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
Operaだけに適応させたいCSSハック - MOMIZINE
Operaだけってのが見つけられなかったので、エントリーかいてみました。といっても他のCSSハックの複合技でOperaだけ普通に表示させているだけです。しかも「ほぼ」で完全にではないんです。今回やりたかったのはOpera9.x系統、firefox3.x、safari3.x、IE5.5〜6、IE7をCSSで区別したかっただけで、ネタ用なんでまじめにレイアウト調整などするなら回りくどいことしなくていいと思います。多分それ以外のブラウザを使っている人はどんなに他のブラウザ進めたって乗り換えたりしないでしょ。レイアウト崩れとかどーでもいいんでしょ。 事前準備として、HTML側の構成はOperaブラウザで閲覧すると「Operaサイコォオー」と表示され、それ以外のブラウザでは「Opera使いなさいよぉ！」と表示させることにします。 <html> <head></head> <body> <div cl
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
FTpanel
Vous êtes sur la page par défaut d'un serveur équipé de FTpanel. Si vous êtes un utilisateur et que vous pensez que vous voyez cette page par erreur, merci de prendre contact avec votre administrateur grâce à la rubrique support de votre espace client. FTpanel ® FTpanel est un logiciel d'administration serveur fondé en 2008 et régulièrement mis à jour. Son développeur est Fabrice TERRANCLE. Il est
stu nicholls | CSS PLaY | cross browser multi page photo gallery
CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS
stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
IEで絶対配置（position:absolute）のボックスが消えるバグの検証
先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。 まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグ こちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う～ん、なぜだ・・・ 日本語のリソースを調べてみても解決策
CSS Princess | Showcase gallery
Tiré des racines profondes de la Bretagne, le Pastis Breton est un digne représentant de l’héritage culinaire de cette région. Sa création peut être attribuée aux femmes bretonnes de la fin du 19ème siècle qui, en préparant les repas pour… Avoir une vision claire et définie de votre objectif professionnel est une étape cruciale pour avancer avec succès dans votre carrière. Cela nécessite une réfle
CSS Import™ | The CSS Gallery
Web app development tutorials and tools
CSS Hazard | とても危険のギャラリーと思います
Load testing is an important part of overall web performance. The load testing process is widely used. The testing system involves placing demand on a particular software system and measuring the response. Load testing is a useful tool because it can give you an idea on how a system responds under normal operating conditions. In addition, load testing can also give an accurate measure on how a sys
Web Design Gallery - CSS Design Yorkshire - Gallery of CSS Websites
Featured Website: Web Design List Website Design Resources The Web Design List is a fantastic resource site for any designer or developer. Contained inside are links to just about every resource you could ever need including stock photography, javascript, e-commerce solutions, inspirational design galleries, graphic and technichal tutorials, blogs, apps, tools, typography, browser extensions, them
a:hoverでz-indexを変えて重なりの入れ替えをIEにも対応させてみた | 我流天性 がらくた屋
CSSで、a:hoverによるz-indexを変えてレイヤーの重なりを制御しようとしたのですが、IEにハマりました。特にIE7に。 まず最初に試したのが下記のa:hoverでz-indexを変更する事。 これはFirefox2,Safari等では当たり前に動いてくれます。 a{ position:absolute; z-index:1; } a:hover{ z-index:2; } しかしこれだけだとIEは動きません。 しかもIE5.5,IE6とIE7との挙動が違ってる分、苦労しました。 特にIE7は「a:hover時にz-index以外の別の属性も変更させないとz-indexが反映されない。」に気付く迄随分とハマりました。 これは個人的な予想ですが。 IE7はa:hover時にborder,visibility,background等、表示に関する何かの属性を明示的に変更しなければ、z
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caraldo.net - it転職 リソースおよび情報
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
SafariのCSS 3対応--1つの要素に複数の背景画像を表示する - builder by ZDNet Japan
CSS2.0 site design gallery+
HTMLの外部ファイル化