gulp-check-unused-css - A build tool for checking your HTML templates for unused CSS classes

  •        18

Checks your CSS for unused classes in HTML templates

https://github.com/zalando/gulp-check-unused-css

Dependencies:

css : 2.1.0
glob : 4.0.5
gulp-util : 3.0.0
htmlparser2 : 3.7.3
lodash : 2.4.1
q : 1.0.1
through2 : 0.6.1

Tags
Implementation
License
Platform

   




Related Projects

gulp-purifycss - Removed unused CSS with the gulp build tool

  •    Javascript

Removed unused CSS with the gulp build tool

gulp-clean-css - Minify css with clean-css.

  •    Javascript

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

gulp-postcss - Pipe CSS through PostCSS processors with a single parse

  •    Javascript

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.Install required postcss plugins separately. E.g. for autoprefixer, you need to install autoprefixer package.

purgecss - Remove unused css

  •    Javascript

When you are building a website, chances are that you are using a css framework like Bootstrap, Materializecss, Foundation, etc... But you will only use a small set of the framework and a lot of unused css styles will be included. This is where Purgecss comes into play. Purgecss analyzes your content and your css files. Then it matches the selectors used in your files with the one in your content files. It removes unused selectors from your css, resulting in smaller css files.

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

  •    Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.


purifycss - Remove unused CSS. Also works with single-page apps.

  •    Javascript

A function that takes content (HTML/JS/PHP/etc) and CSS, and returns only the used CSS. PurifyCSS does not modify the original CSS files. You can write to a new file, like minification. If your application is using a CSS framework, this is especially useful as many selectors are often unused. Array of glob file patterns to the files to search through for used classes (HTML, JS, PHP, ERB, Templates, anything that uses CSS selectors).

ucss - Find unused and duplicate CSS

  •    Javascript

uCSS is made for crawling (large) websites to find unused CSS selectors. uCSS is written for Node. It can be used both as a library and as a command line tool.

gulp-inline-css - Inline linked css in an html file. Useful for emails.

  •    Javascript

Inline your CSS properties into the style attribute in an html file. Useful for emails. Inspired by the grunt plugin grunt-inline-css. Uses the inline-css module.

stylus - Expressive, robust, feature-rich CSS language built for nodejs

  •    Javascript

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style. You can also try all stylus features on stylus-lang.com, build something with stylus on codepen or integrate stylus with gulp using gulp-stylus or gulp-accord.

gulp-useref - Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets

  •    Javascript

Inspired by the grunt plugin grunt-useref. It can handle file concatenation but not minification. Files are then passed down the stream. For minification of assets or other modifications, use gulp-if to conditionally handle specific types of assets. Changes under the hood have made the code more efficient and simplified the API. Since the API has changed, please observe the usage examples below.

grunt-uncss - :scissors: A grunt task for removing unused CSS from your projects.

  •    HTML

A grunt task for removing unused CSS from your projects with UnCSS. Issues with the output should be reported on the UnCSS issue tracker.

helium-css - Helium - javascript tool to scan your site and show unused CSS

  •    Javascript

Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.

gulp-cssnano - Minify CSS with cssnano.

  •    Javascript

Minify CSS with cssnano. Pull requests are welcome. If you add functionality, then please add unit tests to cover it.

LSUnusedResources - A Mac App to find unused images and resources in XCode project.

  •    Objective-C

A Mac App to find unused images and resources in an XCode project. It is heavily influenced by jeffhodnett‘s Unused, but Unused is very slow, and the results are not entirely correct. So I made some performance optimization, the search speed is more faster than Unused. Check Ignore similar name to ignore the resources which referenced by string concatenation, regex: ([-_]?\d+).

gulp-svgstore - Combine svg files into one with symbol elements

  •    Javascript

Combine svg files into one with <symbol> elements. Read more about this in CSS Tricks article. If you need similar plugin for grunt, I encourage you to check grunt-svgstore.

gulp-responsive - gulp-responsive generates images at different sizes

  •    Javascript

gulp-responsive depends on sharp. Sharp is one of the fastest Node.js modules for resizing JPEG, PNG, WebP and TIFF images. If you are using Mac OS then before installing gulp-responsive you should install the libvips library. Further information and instructions can be found in the sharp installation guide.

SpinKit - A collection of loading indicators animated with CSS

  •    CSS

Simple loading spinners animated with CSS. See demo. SpinKit uses hardware accelerated (translate and opacity) CSS animations to create smooth and easily customizable animations. You currently need to use an autoprefixer if you want to support all browsers. If you're compiling your SCSS with gulp you can use gulp-autoprefixer, and grunt-autoprefixer if you use grunt.

phulp - The task manager for php

  •    PHP

Sometimes I need a tool like Gulp for my PHP projects, but I don't want to install npm only to install Gulp. I thought "I need something like Gulp, but in PHP". After a little research I found Phing, but it's not focused in minification and management for CSS/JS and related frontend stuff. Well, I decided to write Phulp, the PHP port of Gulp! And a little curiosity: it's faster than Gulp.