postcss-cssnext - :cyclone: PostCSS plugin to use tomorrow's CSS syntax, today.

•    Javascript

---

PostCSS plugin to use tomorrow’s CSS syntax, today. PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.

postcss css cssnext postcss-plugins postcss-plugin w3c

mobi.css - A lightweight, scalable, mobile-first CSS framework

•    CSS

---

The default bundle of Mobi.css provides the basic styles to build clean and elegant webpages. It's only 3kb after gzipped, and it's very easy to get started. Plugin system makes CSS scalable. You can import plugins to enhance Mobi.css, or use the plugin as a standalone CSS library. It's even possible to use a plugin without Mobi.css.

mobi-css css-framework css design mobile mobile-first flexbox cssnext postcss

naomi - Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4

•    MQL4

---

Enhanced syntax definitions for Sublime Text 3. After installing the plugin and restarting Sublime, it will automatically use the syntaxes contained in this package.

syntax sublime es6 flowtype html5 es2015 php7 babel es2016 es7 webpack reactjs react flow sass postcss babel-sublime styled-components cssnext

postcss-color-gray - PostCSS plugin to transform gray() to today's CSS

•    Javascript

---

Use npm.It converts gray(A) to rgb(A,A,A), and converts gray(A,B) to rgba(A,A,A,B).

postcss grey gray color convert postcss-plugin cssnext css4 nodejs colour css style stylesheet function

relayout - A minimal flex grid system for React

•    CSS

---

Because no one should be writing a single line of flex or width anymore. You can import directly on your CSS if you are using postcss-import.

react layout grid cssnext sass

postcss-values-parser - A CSS property value parser for PostCSS

•    Javascript

---

A CSS property value parser for use with PostCSS, following the same node, container, and traversal patterns as PostCSS. As with PostCSS and postcss-selector-parser, this parser generates an Abstract Syntax Tree, (aka "AST") which allows for ease of traversal and granular inspection of each part of a property's value.

postcss parse postcss-values-parser css cssnext values lesshint less ast value parser parsing properties

postcss-nesting - Nest style rules inside each other, following the CSS Nesting specification

•    Javascript

---

PostCSS Nesting lets you nest style rules inside each other, following the CSS Nesting specification.

postcss css postcss-plugin atrules child children cssnext nested nestings rules selectors syntax specifications specs w3c csswg

react-redux-universal-boilerplate - An Universal ReactJS/Redux Boilerplate

•    Javascript

---

I started this project to learn tools like React, Redux, Webpack, babeljs.io, ES6/ES2015... I did it mainly for fun. But it will be maintained and then I used it as Boilerplate for my React|Redux projects. So don't worry it works :p. It's not perfect but it works :). An Universal ReactJS/Redux Boilerplate.

react reactjs webpack babel redux hot-reload sass cssnext css-modules starterkit boilerplate koajs karma enzyme mocha eslint code-splitting react-router starter react-helmet es2015 es2016 es2017 hot reload hmr hot-loader koa postcss ssr isomorphic universal sinon chai

react-router-animation-examples - An example using React Router and React's Animations

•    Javascript

---

This project is just an example using React Router and React's Animations in a mobile context. So reduce your screen size. In this example I only use react-router but in my opinion we can't only use the router to navigate from one screen to the other. Because obviously the route will change and you'll lose the previous displayed screen. This is not always the wanted effect in a mobile application. Maybe we could combine the router with the pushing and popping techniques like React Native's Navigation or native mobile apps.

react reactjs redux react-router react-animate webpack code-splitting starter boilerplate react-helmet es2015 es2016 es2017 babel hot reload hmr hot-loader koa postcss cssnext sass css-modules ssr isomorphic universal

boilerplate - Front-end boilerplate for working with react, react-router, postcss, cssnext and webpack + hot reloading

•    Javascript

---

Front-end boilerplate for working with react, react-router, postcss, cssnext and webpack + hot reloading

boilerplate css postcss react webpack reactjs react-router cssnext babel hmr hot reload express server dev production

milligram-cssnext - A minimalist CSS framework on CSS Next version.

•    CSS

---

A minimalist CSS framework on Sass version. Want to contribute? Follow these recommendations.

milligram css bootstrap css3 flexbox front-end framework html html5 kickstarter less responsive mobile mobile-first postcss scss stylus cssnext

css-wipe - Reset the browser's styles

•    CSS

---

Reset the browser's styles. The browser should be a blank canvas, having to remember quirks is unacceptable. Based on html5doctor/reset.

reset css sheetify cssnext

sheetify-cssnext - cssnext transform for sheetify. Use tomorrow's CSS syntax, today

•    Javascript

---

cssnext transform for sheetify. Use tomorrow's CSS syntax, today.

sheetify cssnext css preload compile polyfill shim stream minimal

next

•    TypeScript

---

:deciduous_tree: Next@6, Styled-jsx, TypeScript, Storybook, Jest, SEO

nextjs postcss cssnext redux typescript redux-thunk storybook enzyme seo bootstrap font-awesome google-analytics facebookpixel

calvinkoepke-com - The repo for the current theme on my website. Enjoy!

•    Javascript

---

This theme consistently changes, since it's my playground for experimenting with new technologies and strategies in the front-end development sphere. You can see each version of my site theme by checking out the releases tab for working versions of each theme iteration.

genesis-framework wordpress postcss cssnext

CSS3 - The most complete CSS support for Sublime Text 3

•    CSS

---

The most complete CSS and PostCSS-cssnext support for Sublime Text. Make sure you don't have any open files set to the default CSS syntax (bottom-right) or you may get an error message.

css cssnext sublime-text sublime sublime-text-3 postcss-cssnext syntax-highlighting completions css3

lucas.ninja - Thoughts and codes... and writing.

•    HTML

---

Thoughts and codes... and writing.

jekyll cssnext postcss es6 a11y

stencil-boilerplate - A Stencil app boilerplate including routing, Redux etc.

•    TypeScript

---

App boilerplate for Stencil applications. There is a live demo available HERE.

stencil stenciljs stencil-router stencil-redux stencil-router-redux typescript tslint stylelint redux jest boilerplate redux-form stencil-boilerplate nginx material redux-router postcss cssnext progressive-web-app pwa