Re: [css4-values] Templated URLs

On Tue, Mar 20, 2012 at 4:20 PM, fantasai <fantasai.lists@inkedblade.net> wrote:
> I received a suggestion[1] from Maxime Thirouin [1] for templating URLs with
> the following example. [2]
> Forwarding here for archival / discussion.
>
> ~fantasai
>
> [1] https://twitter.com/MoOx/status/173093535275421697
> [2] http://dabblet.com/gist/1753404
>
> /**
>  * Gravatar without <img> tag
>  *
>  * @memo
> https://secure.gravatar.com/avatar/36d07341931078d5125fa99397a34ed8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png
>  *
>  * @todo make this doable with a javascript
>  * @link
> http://darcyclarke.me/development/quick-tip-get-gravatar-images-from-emails-with-javascript/
>  */
>
> [data-gravatar-uri]::after
> {
>    content: url(attr(data-gravatar-uri)); /* impossible */
> }
>
> [data-email-md5]::after
> {
>    content: url("http://www.gravatar.com/avatar/" attr(data-email-md5)
> "?s=100"); /* more impossible */
> }
>
>
> [data-email-md5][data-gravatar-size]::after
> {
>    content: url("http://www.gravatar.com/avatar/" attr(data-email-md5) "?s="
> attr(data-gravatar-size) ); /* more & more impossible */
> }

I support the use-case, but I dunno how to accomplish it.  url() is
pretty much ruined; the fact that we didn't require it to contain a
quoted string originally pretty much prevents us from doing anything
useful inside of it.

~TJ

Received on Tuesday, 20 March 2012 23:32:05 UTC