GithubHelp home page GithubHelp logo

aaroniker / framy-css Goto Github PK

View Code? Open in Web Editor NEW
111.0 111.0 17.0 1.72 MB

Very simple CSS Framework

Home Page: http://www.framycss.org

License: MIT License

CSS 100.00%
cdn css css-framework demo form framework framy-css grid icons interface js js-files responsive ui ux

framy-css's People

Contributors

aaroniker avatar joshuabehrens avatar lukasdrgon avatar zazama 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

framy-css's Issues

Translations

Hi,

Would be cool if you could create a public repository where you store the documention in order to let people contribute to the documentation by translating the content in various languages or simply by fixing a typo.
I can translate the documentation in English and in French.

Browser Support

I checked the css file for browser support, it should be like this:

Webkit      IE      Firefox     Edge

21          11      18          12

Mostly due to the flex grid.
I couldn't test IE10 though. IE11 displays everything correct. IE10 doesn't support all flex box properties used.
It might be possible to support IE9 and 10 if one includes https://github.com/jonathantneal/flexibility

white-space: pre;

Hello,

why do you use instead of "white-space: pre;" on pre-elements? It seems to be a bug:

white-space: pre;
white-space: pre-wrap;
white-space: pre-line;

This is what Chromium display as the current styling for pre-elements.

When will the development complete?

I'm interested in using the framework and waiting from about a year. It is changing its form, but never getting complete. I hope, it will be available soon with full features.

Text clickable with Radio/Checkbox

the Label Text! should be in a label field, so the user can be click on the text and trigger the input field.
Maybe You can use for the Styling the :before element

Option that controls the import of fonts

I was looking for a minimal framework to use with AMP. There you are forced to use special font vendors. I discarded this framework for not being able to easily disable font import by configuration or set the vendor/cdn path. I'd like to see one if this for future projects on my behalf but have to skip you for now. I'd like to use this framework also for AMP projects.

Components

List of finished / planned components:

  • Flexbox Grid
  • Buttons (+ Icons)
  • Icons (Ionicons integrated)
  • Typography (Roboto used)
  • Lists
  • Forms (WIP)
  • Tables (WIP)
  • CSS Helper classes (more to add)

Keep Old Demo

Please reupload old demo page until new demo is finished. It is very difficult for a developer to pick a framework without knowing all components.

Customize editor

Some planned features (partially finished):

  • Switch between simple/advanced editor view
  • Set all SCSS variables
    • Colors
    • Typo (font-family, line-height, ...)
    • Spacing
    • ...
  • Select components
  • Format (minified, ...)
  • Download generated css file

Colors Usage

The demo demonstrates colors but it's not documented how to use them (as CSS classes). Are they only for usage in LESS? However it's not clear and should be clarified.

Bower.io Support?

It will be nice, if I can install this framework with bower.io

I hope you know what bower is :)

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.