Grow your CSS skills. Land your dream job.

Proofing

  • # June 18, 2013 at 8:10 am

    Hi,

    Apologies in advance because I am not sure what the correct term for this would be so I haven’t been able to search a great deal.

    The issue is that our site has a lot of un-used CSS, about 35%. I’d like to clear down and merge some of the styles. The site has a lot of pages. The designer is very particular and the layout needs to be pixel perfect. I was wondering if there is way I can check that my changes to do not alter the layout without having to resort to visually inspecting all the pages in various browsers. Ideally I’d like a checksum of the layout before that I can compare with after but short of taking a print screen, I’m not sure of a consisent way to do that.

    Has anyone got any suggestions?
    Thanks in advance.
    Dermot.

    # June 18, 2013 at 8:16 am

    > I was wondering if there is way I can check that my changes to do not alter the layout without having to resort to visually inspecting all the pages in various browsers.

    I very much doubt if there is any tool that could do this.

    For everything else such as stripping out unused CSS…again, I don’t think so but follow this discussion here..

    http://css-tricks.com/forums/discussion/25884/software-that-lists-css-items#Item_4

    # June 18, 2013 at 9:10 am

    Oh well. Thanks for the link though, that’s usefaul to know.
    Dermot.

    # June 18, 2013 at 10:02 am

    @chriscoyier linked a webapp at one point that basically scans your css and takes all the duplicate styling and condenses it. Maybe he can remember the name or site.

    # June 18, 2013 at 10:21 am

    Yeah I though of that but couldn’t find it. I think it was a “Hot Link”…I’ll try searching some more.

    # June 18, 2013 at 10:26 am

    This I think: http://zmoazeni.github.io/csscss/

    but it’s not going (AFAIK) to eliminate unnecessary rules.

    # June 18, 2013 at 12:18 pm

    But I think that only works one page at a time? So you’d have to go through all of your templates and even then there might be crossover. I’m not sure it’s a perfect solution.

    # June 18, 2013 at 12:22 pm

    Dust Me in FF seems to offer an option to spider an entire site for unused selectors but I haven’t tried it.

    http://www.sitepoint.com/dustmeselectors/

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".