Git Product home page Git Product logo

turbine's Introduction

Turbine

Turbine logo

โ†’ Online documentation

Turbine is a collection of PHP-powered tools that are designed to decrease css development time and web developer headache. This includes:

  • A new, minmal syntax โ€“ the less you have have to type, the more you get done
  • Packing, gzipping and automatic minification of multiple style files
  • Constants (also known as "css variables") and selector aliases as well as nested css selectors
  • Oop-like inheritance, extension and templating features
  • Built-in device-, browser- and os sniffing
  • Many automatic bugfixes and enhancements for older browsers
  • Fully exensible through a very simple plugin system. A basic understanding of PHP is enough to add completely new features to Turbine
  • A CSS to Turbine converter and a shell app for experiments and development

Example

Turbine takes this...

#foo
    color:red
    div.foo, div.bar
        margin, padding:4px
        border-radius:4px

and turns it into:

#foo {
    color: red;
}
#foo div.foo, #foo div.bar {
    margin: 4px;
    padding: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

It is somewhat compareable to Sass and Scaffold, but more radically geared towards getting as much done as possible in as few keystrokes as possible.

We need your help!

Turbine is still in active development. Help us to make it better!

turbine's People

Contributors

brinley avatar ceco-fmedia avatar commi avatar derpixler avatar schepp avatar sirpepe avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

turbine's Issues

Add a better reset style

Don't use the * selector as it leads to some infuriating issues when styles are not inherited properly.

Implement generated selectors

Enumerated:

div.foo(1-3) -> div.foo1, div.foo2, div.foo3

Generated from string tokens:

a(:link, :visited) -> a:link, a:visited

Allow smart extending

If you have something like this...

#foo, #bar
    color:red

... you can't extend other elements by simply using extends:#foo or extends:#bar, you have to use extends:#foo, #bar. You really shouldn't have to!

Finalize plugins

  • Make sure all plugin output is commented
  • Make sure all plugins can handle properties with multiple values
  • Outsource all merging actions (merging elements into the tree or properties into elements) to the according core methods
  • Make sure the plugins is documented and the documentation is up to date
  • Make sure all plugins output helpful messages on error
  • All plugins must be marked as stable and recieve a version number

Alternative writing for multiple selectors

When I have multiple selectors in Turbine I need to write them into one single line, like this:

html,body
margin: 0;
padding: 0;
background-color: #DBDDD2;

That's okay for just a few short selectors. But when I have a lot of selectors and/or longer selectros, it would help being able to write each one into a new line, like this:

html,
body
margin: 0;
padding: 0;
background-color: #DBDDD2;

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.