nowfound

Life & fun · August 9, 2018

AC

A Chrome extension that extracts used CSS and combines it into one file

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!

Alternatives

Does the same job

all alternatives →
  • CE
    Chrome extension that extracts HTML+CSS from an element to inline style2022 · chrome.google.com · ▲7

    Hi there. I spent the last couple months building this chrome extension to scratch my own itch. It allows you to extract a snippet of HTML along with its styles and export to inline styles or JSX. It’s not perfect and doesn’t work on every site. There is class support but I am still working on it along with some other cool features. Feedback is appreciated.

  • CSS Dig2014 · ▲129

    Consolidate and refactor your css with this chrome extension

  • CodeScraper2019 · ▲160

    Hover over anything and get the HTML/CSS

  • CSS Inspector2020 · ▲141

    Get the CSS of any element on the web

  • CRX Extractor2016 · ▲237

    Get any Chrome Extension source code. Learn and hack!

  • Unused CSS2018 · ▲311

    Easily find and remove unused CSS rules

More life & fun this month

the category →
  • TL
    The load-bearing vocabulary of Claude▲703

    Life & fun · 10d ago · louisabraham.github.io

  • iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo▲329

    Photosynthesis fires two of your iPhone

    Life & fun · 28d ago · photosynthesis.camera

  • SoloUno▲310

    Take control of hair pulling, nail biting & skin picking

    Life & fun · 28d ago · solouno.io

  • Scroll through all 43252003274489856000 Rubik's Cube states▲295

    Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.

    Life & fun · 26d ago · everycube.alen.is

  • Expeditione▲265

    The Interactive 3D Encyclopedia

    Life & fun · 21d ago · expeditione.fun

  • Eigendrum - Draw any shape and hear what it sounds like as a drum▲243

    Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…

    Life & fun · 27d ago · baselashraf81.github.io

Launched alongside, August 2018

the whole month →