[B! css4] blend27のブックマーク

CSS4-Selectors | Browser CSS Selector Test

This browser selector test will check how well your browser supports the CSS selectors from level 1 up to the upcoming level 4. After you started the test-suit which is based on the working draft, it will automatically check which selectors are supported by your browser, not necessarily if your browser implemented it correctly according to the specification. Please note that the specification isn'

blend27 2018/04/03

css4

リンク

text-spacingが待ち遠しい

日本語文中の英数で日本語の文字との間に半角スペースを入れるか入れないかという話があります。検索すると色々議論されていたりして面白いです。このブログでは場所によって半角スペースを入れたり入れなかったりしていますが（2020年1月追記：現在は入れていません）、『日本語組版処理の要件』に合わせてユーザーエージェントがいい感じに処理してほしいなーとか思います。そこで「それCSSでできるよ」と言える（ようになるかもしれない）プロパティを紹介してみます。これがまさに日英数が混在する文章で、英語や数字と日本語の間に4分の1スペースを自動で追加したり、全角括弧で生じる大きなスペースをトリムしたりできるプロパティです。 text-spacingは元々text-trimとtext-autospaceという別々のプロパティを統合したものです。これは2011年9月1日版のチェンジログに載っています。統合に

blend27 2013/09/03

CSS4
css

リンク

[Sass] Sass 3.2で実装された新機能がヤバい

8/10に3.2、8/15にバグフィックスした3.2.1がリリースされてただでさえヤバイくらい高機能なSassがますますパワーアップした。 Sass信者のみなさんはすでにお使いでしょうか？晒したソースはオンラインコンパイラで試せます。 jsdo.itも対応してます。 @content これはmixinにブロックコンテンツを渡せるようにする合言葉。 mixinを作る時、渡されたブロックコンテンツを入れたい場所に@contentを配置すると @mixin iphone { @media only screen and (max-width: 480px) { @content; } } @includeするときに波括弧で括ってコンテンツを渡せるようになる。 @include iphone { body { color: red } } コンパイルすればこのとおり、@mixinの内容＋渡した