Tagged: html RSS

  • lowmagnet 21:03 on 2009/06/27 Permalink
    Tags: css, html   

    Standards mode and css link 

    Interesting trick with standards mode. Given you have a correct doctype entry (I’m using html5′s <!doctype html>) and your link to stylesheet is ambiguous (going bleeding edge here by calling my stylesheet ‘s’, instead of ‘s.css’ and you leave off the type=”text/css”, Firefox 3.0.x won’t render your sheet.

    Even though the default document type for a style link is “text/css”, it doesn’t work. The reason, I think, is in the server sending ‘s’ as text instead of ‘text/css’. The cool thing is a file named s.css means the server will send the file as mime type text/css thanks to ‘magic’ and you can leave off the type in the link element.

     

  • lowmagnet 22:08 on 2009/06/20 Permalink
    Tags: anti-semantic, html, sqsp, tag   

    tagged appliance, dryer, … 

    Seriously? span.tagged-with?


    tagged
    ,
    ,

    Better:



    ul.tags li {
    display:inline;
    list-style: none;
    }
    ul.tags li a {
    padding-left: 18px;
    background:transparent url(/universal/images/core-resources/icons/dark/category.png) no-repeat scroll left top;
    }


    $(document).ready(function() {
    $(".tags a").attr("title", "View all posts with this tag" );
    });

    title is only added when JS is supported by the user’s browser.

     

    • lowmagnet 22:16 on 2009/06/20 Permalink | Reply

      Actually, if you wanted to degrade further and treat tags as text on older browsers, you could further simplify the tag list by having it just list the tag names, then transforming the names to links in DOM. “something else” becomes “/tags/something-else”.

    • lowmagnet 22:18 on 2009/06/20 Permalink | Reply

      I also happen to think that tags are like those fridge poem magnets and they don’t need commas or ands between them.

    • lowmagnet 08:33 on 2009/06/21 Permalink | Reply

      Borders around the tags would do. like fridge magnets. Tags could be just an xml chunk styled or converted with js to html.

c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
esc
cancel