nowfound

Dev tools · February 9, 2013

RY

Record your CSS usage on your website - remove unwanted CSS

This is a follow up to: http://news.ycombinator.com/item?id=5095516 regarding CSS optimisation. The common request/theme in these comments was the ability to 'record' your CSS usage on your website as you used it, thus capturing all the CSS selectors (i.e. on a dynamic website). Turns out this functionality is actually inside Chrome Developer Tools; "CSS Selector Profile". The profiler seems to be designed to record how much work each CSS selector takes - but I've noticed that it actually 'records' your usage (you press start + stop) - and shows you how many times each selector was called…

Record your CSS usage on your website - remove unwanted CSS launched on February 9, 2013 with 5 votes, #150 of 551 launches that month and more than 50% of that year's launches.

Alternatives

What it does

In the maker’s words, at launch

This is a follow up to: http://news.ycombinator.com/item?id=5095516 regarding CSS optimisation. The common request/theme in these comments was the ability to 'record' your CSS usage on your website as you used it, thus capturing all the CSS selectors (i.e. on a dynamic website). Turns out this functionality is…

Does a similar job

all alternatives →
  • Purgecss2018 · purgecss.com · ▲380

    Easily remove unused CSS

  • Unused CSS finder2018 · jitbit.com · ▲299

    Crawl your website and find unused CSS

  • Unused CSS2018 · unused-css.com · ▲307

    Easily find and remove unused CSS rules

  • AC
    A Chrome extension that extracts used CSS and combines it into one file2018 · ▲40

    just wanted to share this useful tool with you. I have been looking at something like this for a very long time. https://chrome.google.com/webstore/detail/css-used/cdopjfddj... what it does: it analyses your html dom and looks for css classes. Then it extracts it all and combines it into 1 single css file. I used 5 css framworks which was on 340kb kb. This tool made it 36kb!

  • CSS Spider2020 · cssspider.fresalabs.com · ▲122

    The fastest way to check, copy, export and edit CSS

  • CodeScraper2019 · ▲160

    Hover over anything and get the HTML/CSS

More dev tools this month

the category →
  • /dev/null▲489

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

    open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 28d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 26d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 21d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Show HN post ↗ · launch text quoted in part

Launched alongside, February 2013

the whole month →