60

CSS Open Source Projects of the Month (v.June 2018)

 5 years ago
source link: https://www.tuicool.com/articles/hit/eymmYvJ
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
EBbiUjR.jpg!web

CSS Open Source Projects of the Month (v.June 2018)

For the past month , we ranked nearly 200 CSS Open Source Projects to pick the Top 10.

We compared projects with new or major release during this period. Mybridge AI ranks projects based on a variety of factors to measure its quality for professionals.

  • Average number of Github stars in this edition: 367 :star:️
  • “Watch” CSS Top 10 Open Source on Github and get email once a month.
  • Topics: Critters Webpack, Color Picker, CSS Reset, Box shadow, Flexbox, Linux Desktop, React, Webpack Plugin, Refactoring

Open source projects can be useful for programmers. Hope you find an interesting project that inspires you.

RJ3MBvV.png!web

Course of the month:

A) Beginners: CSS FLexbox Tutorial with Website Projects. [129 recommends, 4.8/5 stars]

B) CSS — The Complete Guide (incl. Flexbox, Grid & Sass) [867 recommends, 4.8/5 stars]

yaiuYf2.png!web

Rank 1

Critters: A Webpack plugin to inline your critical CSS and lazy-load the rest [1617 stars on Github] . Courtesy of Google Chrome Labs

FJn6bmj.png!web

Rank 2

Pickr: Flat, simple and hackable Color-Picker. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. [1000 stars on Github] . Courtesy of Simon

AvAZZzQ.png!web

Rank 3

CSS-Micro-Reset: Minimal barebone CSS Reset [294 stars on Github] . Courtesy ofVladimir Carrer

jYnqya2.png!web

Rank 4

Box-shadows.css: :pisces: A cross-browser collection of CSS box-shadows [196 stars on Github] . Courtesy ofAndrej Sharapov

UZjYj2F.png!web

Rank 5

Flexy: A minimal CSS framework made with Flex [92 stars on Github] . Courtesy ofVladimir Carrer

V7vaiym.png!web

Rank 6

Strawberry: A new flexbox based CSS micro-framework. A set of common flexbox’s utilities focused on making your life easier and faster with nested flexboxes. [51 stars on Github] . Courtesy ofAndrea Simone Costa

FNnQVvJ.jpg!web

Rank 7

Jadesktop: Linux desktop environment built with CSS, JavaScript and Python. [228 stars on Github] . Courtesy of Vitor Lopes

MFzqmqN.png!web

Rank 8

Horror: React HTML elements with CSS-in-JS [72 stars on Github] . Courtesy ofBrent Jackson

Mb6rUnA.png!web

Rank 9

Html-critical-webpack-plugin: A webpack plugin that will extract critical CSS. Now supports Webpack v4. [154 stars on Github] . Courtesy ofAnthony Gore

FnqmYjE.png!web

Rank 10

Mort: Dead CSS detection [57 stars on Github] . Courtesy of Joe Reynolds

m6J7VbU.jpg!web
yaiuYf2.png!web

That’s it for CSS Top 10 Open Source of the Month. Visit our publication to find top posts for more programming skills.

Recommend & share..

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK