公海555000kk线路检测—首页(欢迎您) 404! Page is Not Found ! 返回首页 XML 地图 | Sitemap 地图
HTML5とCSS3って、IEを考えるとまだまだ先かな・・・と思っていたのですが、スマートフォンの登場で事情が変わってきました。 スマートフォンサイトだとIEを気にしなくていいので、HTML5とCSS3を使えるっ。 というわけで、CSS3で横並びのメニューをさくっと作ります。 画面いっぱいの横並びメニュー 今回作るのはこんなメニューです。 Firefox、GoogleChrome、Safari、iPhone、androidに対応していますが、 InternetExplorerには対応していません、見ると崩れます(IE9ではどうなのかな?)。 メニューのHTMLは従来どおり、liタグでこんな感じにしておきます。 <ul> <li><a href="#">Home</a></li> <li><a href="#">Information</a></li> <li><a href="#">FAQ
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
以下のCSSで、Opera 9.5以降、Safari 1.1以降、Konqueror 3.4以降、iCab 3.0.3以降ではエンボス表現ができる。Firefoxでは現状できないが、3.1ベータでは対応しているらしい。 暗い背景に明るいテキストの場合 text-shadow: 0px -1px 0px #374683; 明るい背景に暗いテキストの場合 text-shadow: 0px 1px 0px #e5e5ee; IEでは次のようにする。 filter: dropshadow(color=#e5e5ee,offX=0,offY=1); via. Text Embossing Technique With CSS - Steve Reynolds Blog
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く