A Glimpse

into the

Future of CSS

Gias Kay Lee

<ul>

    <li>Sheldon J. Plankton</li>

    <li>Squidward Q. Tentacles</li>

    <li>Garold Wilson <em>"Gary"</em> Snail Jr.</li>

    <li>Eugene Harold Krabs</li>

    <li>Sandra <em>"Sandy"</em> Cheeks</li>

</ul>

jQuery

$('li').has('em').css({

    background: 'yellow'

});

CSS

li:has(em) {

    background: yellow;

}

CSS4

li! > em {

    background: yellow;

}

div:-js-min-width(100) {

    background: red;

}

div:-math-lessthan(data-highscore, 10000) {

    color: blue;

}

:-media-time() Demo

Is This the Future?

The

Bigger Trend

of Frontend Engineering

Realistic Solutions Always

Win

The

Real Big

Question

A Glimpse into the Future of CSS

By G. Kay Lee

A Glimpse into the Future of CSS

This slide is not designed for reading; you might wanna check out my blog post discussing the same topic - http://gsklee.im/post/52864001644/a-glimpse-into-the-future-of-css

  • 5,939