Modern CSS to all browsers

Overview

stylecow: modern CSS for all browser

Build Status npm version

Node library to fix your css code and make it compatible with all browsers. Created by Óscar Otero. License: MIT

Use 6.x for node 0.x compatibility. The latest version (7.x) requires node 4.x.

Quick start

  1. Install the library with npm:

    npm install stylecow -g
    
  2. Create a config file interactively:

    stylecow init
    
  3. Run

    stylecow
    

Visit http://stylecow.github.io/ for more documentation

If you don't need a cli, visit stylecow-core

You might also like...

Swiffy-slider - Super fast carousel and slider with touch for optimized websites running in modern browsers.

Swiffy Slider Super fast lightweight carousel and slider with touch for optimized websites running in modern browsers. Explore Swiffy Slider docs » Se

Dec 28, 2022

A simple color picker application written in pure JavaScript, for modern browsers.

A simple color picker application written in pure JavaScript, for modern browsers.

Color Picker A simple color picker application written in pure JavaScript, for modern browsers. Has support for touch events. Touchy… touchy… Demo and

Dec 14, 2022

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prez

Jan 3, 2023

A fast, vanilla JS customisable select box/text input plugin for modern browsers ⚡

choices A fast, vanilla, lightweight (~16kb gzipped 🎉 ), configurable select plugin for modern browsers. Similar to Select2 and Selectize but without

Aug 9, 2022

A tiny, lightning fast jQuery-like library for modern browsers.

Sprint.js Sprint is a high-performance, 5KB (gzipped) DOM library for modern browsers. Sprint notably shines on bandwidth and resource constrained dev

Jan 3, 2023

Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API

Zepto.js – a minimalist JavaScript library Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you u

Dec 31, 2022

ndarray/tensor data processing for modern browsers

nadder Easy n-dimensional data manipulation with NumPy syntax. Installation npm i nadder # or yarn add nadder, or pnpm add nadder Usage import { ndarr

Dec 23, 2022

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

Sortable Sortable is a JavaScript library for reorderable drag-and-drop lists. Demo: http://sortablejs.github.io/Sortable/ Features Supports touch dev

Jan 5, 2023

A simple color picker application written in pure JavaScript, for modern browsers.

A simple color picker application written in pure JavaScript, for modern browsers.

Color Picker A simple color picker application written in pure JavaScript, for modern browsers. Has support for touch events. Touchy… touchy… Demo and

Dec 14, 2022

Enables video and audio tags in all major browsers.

HTML5 video made easy All it takes is a single line of code to make HTML5 video and audio tags work in all major browsers. How to enable video and aud

Dec 17, 2022

HTML5 audio or video player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.

HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

Dec 27, 2022

1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers.

JavaScript Templates Contents Demo Description Usage Client-side Server-side Requirements API tmpl() function Templates cache Output encoding Local he

Jan 3, 2023

HTML5 audio or video player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.

HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.

One file. Any browser. Same UI. Author: John Dyer http://j.hn/ Website: http://mediaelementjs.com/ License: MIT Meaning: Use everywhere, keep copyrigh

Jan 8, 2023

List all browsers compat data from MDN and filter with browserlist.

mdn-compat-browserlist List all browsers compat data from MDN and filter with browserlist. Features Support filter all browserlist queries List all br

Apr 17, 2022

History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState

History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype.

Dec 26, 2022

jQuery easy ticker is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

jQuery Easy Ticker plugin jQuery easy ticker is a news ticker like plugin which scrolls a list infinitely. It is highly customizable, flexible with lo

Dec 20, 2022

Spectre.css - A Lightweight, Responsive and Modern CSS Framework

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework. Lightweight (~10KB gzipped) starting point for your projects Flexbox-ba

Jan 8, 2023

🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..

🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..

Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome

Dec 28, 2022
Comments
  • Fair comparison woth PostCSS

    Fair comparison woth PostCSS

    I’ve always liked your clean and good API. And event-based plugins are really awesome idea.

    But Stylecow vs. PostCSS comparison on Stylecow page is not correct.

    1. “Too many plugins, too many verbose”. This is why we have a plugins pack. You just add cssnext pack and CSS4 just work. So this part if not true.
    2. “No centralized browser support”. It is not true, because most of PostCSS plugins support Browserslist config file. You miss it because you looked at separated plugins and not at cssnext plugin pack.
    3. Event-based plugins is really faster. But difference is much lower, because your benchmark is not correct.
      1. Your CSS example is not representative, because you test only CSS4 feature. But real CSS will contains many normal nodes like comments, declaration, etc. So in PostCSS benchark I parse a Bootstrap before all mixins/CSS4 features to make CSS example more real.
      2. autoprefixer-core and stylecow-plugin-prefixes have not same functionality. Autoprefixer has many look backs to not double already written prefixes in legacy code. Also Autoprefixer try to remove old prefixes and detects hacks.
    opened by ai 8
  • Use Chokidar instead of Gaze

    Use Chokidar instead of Gaze

    PostCSS’s package.json has stylecow in devDependencies for CSS parsers benchmarks. Unfortunately gaze from your dependencies doesn’t support io.js and node.js 0.12.

    Riot.js had a same issue and they just change gaze to chokidar with a comment “Chokidar is awesome”.

    Changes is very simple and chokidar lookslike better, that gaze. I can send PR, if you agree.

    /cc @oscarotero

    opened by ai 2
  • Transform multiple files

    Transform multiple files

    stylecow.json example:

    {
        "files": [
            {
                 "input": "css/input.css",
                 "output": "css/output.css",
                 "map": "css/output.map"
            }
        ]
    }
    
    improvements 
    opened by oscarotero 1
  • Merge Stylecow and PostCSS

    Merge Stylecow and PostCSS

    I think that your project always has better API. It is more clear. And “event based” API solves many “postprocessor” problems.

    But on the other hand PostCSS has better parser and ecosystem (because of Autoprefixer).

    But this difference is not because of different goals or different architecture. For example, PostCSS community is planning to implement same “event based” API.

    Maybe we should join project to make better product for users? Because we spend our time in different projects and user has no best solution (for example, with best barser, plugins ecosystem and API).

    There are great examples when community was united to became better for users: io.js and node.js, 6to5 nd esnext, Merb and Rails.

    We want to start 5.0 branch in the end of summer, so we can broke PostCSS API with your awesome ideas.

    What do you think about it?

    opened by ai 6
Releases(v7.3.0)
Owner
stylecow
modern css for all browsers
stylecow
A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations

CSSTree CSSTree is a tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and match

CSSTree 1.6k Dec 28, 2022
CSS parser with support of preprocessors

Gonzales PE @dev Gonzales PE is a CSS parser which plays nicely with preprocessors. Currently those are supported: SCSS, Sass, LESS. Try out Gonzales

Tony Ganch 322 Dec 10, 2022
A decent CSS parser.

mensch A decent CSS parser. usage npm install mensch var mensch = require('mensch'); var ast = mensch.parse('p { color: black; }'); var css = mensch.

Brett Stimmerman 112 Sep 24, 2022
Plugin framework for CSS preprocessing in Node.js

rework CSS manipulations built on css, allowing you to automate vendor prefixing, create your own properties, inline images, anything you can imagine!

rework 2.8k Dec 6, 2022
Modern CSS to all browsers

stylecow: modern CSS for all browser Node library to fix your css code and make it compatible with all browsers. Created by Óscar Otero. License: MIT

stylecow 155 Dec 21, 2022
This package generates a unique ID/String for different browsers. Like chrome, Firefox and any other browsers which supports canvas and audio Fingerprinting.

Broprint.js The world's easiest, smallest and powerful visitor identifier for browsers. This package generates a unique ID/String for different browse

Rajesh Royal 68 Dec 25, 2022
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prez

impress.js 37k Jan 2, 2023
Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.

Polymaps Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. See http://polymaps.org for more details.

Urban Airship 1.6k Dec 23, 2022
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prez

impress.js 37.1k Jan 3, 2023
Modern browsers already had a vivid player for video

Modern browsers already had a vivid player for video. However, web developers and designers still want to custom their own style player for different situations. Sounds like web component will do a lot favor for this purpose. With <msc-ez-video /> support, customize control panel will become a piece of cake. <msc-ez-video /> adopts CSS custom properties, developers could style them as they want.

Paul 1 Dec 29, 2021