text-indentを使った画像置き換えはスパム判定の危険あり、“@font-face”の使用をGoogleは推奨 at SMX West 2011
今日のエントリもSMX West 2011のセッションからのレポートです。 text-indentによる画像置き換えの代替手段をGoogleが提示してくれました。 CSSのtext-indentで-999pxを指定し、文字テキストと画像を置き換えるテクニックは昔からあるごくありふれたテクニックです。 ところがGoogleは、現在この方法を推奨していません。 推奨していないというよりも使うべきでないと明言しています。 使ってもいいのか悪いのかは以前はGoogle社員によって答えがマチマチでした。 しかしここ1年ほどは画像置き換えに対するGoogleのスタンスは一貫して“NG”です。 今回のSMXでも、GoogleのMaile Ohye(マイリー・オイェ)さんが使用すべきでないことをあらためてクリアにしました。 理由は、画像置き換えはスパマーがよく使う手法だからです。 画像置き換えがすぐさまス
CSS background image hacks – Nicolas Gallagher
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers. Demos: Example CSS background image hacks Pseudo-element hacks can fill some gaps in existing browser support for CSS features, without resorting to presentat
25 Detailed Tutorials for Coding Up Your Web Designs
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide. This post pulls together the best web design tutorials for coding and also some PSD to HTML conversion tutor
CSS current work & how to participate
CSS specifications This page contains a list of all completed specifications and drafts by the CSS WG (formerly ‘CSS & FP WG’). If you want to follow the development of CSS, this is the place to start. You have ideas? Contributions? See ‘If you want to help’ on this page. A specification is not a manual. There is no excuse for badly written drafts and please complain if you find one. But specs
Selectors Level 3
Selectors Level 3 W3C Recommendation 06 November 2018 This version: https://www.w3.org/TR/2018/REC-selectors-3-20181106/ Latest version: https://www.w3.org/TR/selectors-3/ Previous version: https://www.w3.org/TR/2018/PR-selectors-3-20180911/ Latest version of Selectors: https://www.w3.org/TR/selectors/ Editor's Draft https://drafts.csswg.org/selectors-3/ Feedback: File an issue on GitHub Editors:
)
CSS Compatibility and Internet Explorer
With each new release of Windows Internet Explorer, support for the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS3).
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想 先日、アップルストア心斎橋で行われたCSS Reloaded「CSS3の実践的な使い方をご紹介！」に行ってきました。 資料が公開されました。 ■出典元：CSS Reloaded ■著者；John Allsopp ■リンク：Web Directions East 以下、内容を復習もかねてまとめてみました。（サンプルやブラウザ対応などは私が補足したものです。） CSSの歴史 1996年ぐらいからありました。 2000年にCSSのサポートが良いMac IEが登場 2000-2005年はCSS3の開発がストップ 2000-2008年でブラウザが劇的にCSSに対応していく。(ブラウザ Reloaded) 各ブラウザはCSS3を試験的に実装 プリフィックスをプロパティの先頭につける事によってCSS3を実装することが可能。 Firef
RedLine Magazine : display:table関連を使って横並び均一配置
display:table関連を使って横並び均一配置 IE8でdisplay:table関連が使えるようになったとのことで実験。これ、素直にCSSだけで実現できたらいいなーと思ってる。あと何年後？って話だけど。（IE的な意味で）先に書いておきますが、全然実用性はないです。単なる実験というか練習というかやってみたいだけというか、好奇心の塊です（何 以下のサンプルはFirefox、IE8 Beta2、Safari、Operaで確認しました。 幅の決まってる親ボックスの中に均等に並べたい ※当然IE6.7ではまったく効いてないけど、今回それはスルーで。 サンプル・その1 横並びの画像を均等配置 少し前にこちらの横並びの画像を均等配置する | ヨモツネット（←こちらはIE6にも対応）を拝見してこれ素敵すぐる！と思ったので趣旨はその延長。まずは横並びの画像を均等配置してみる。 >>サンプルその1 画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Button Generator
cmmntr.com