Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://guglielmopepe.github.io/quick/
CSS framework for web developers who do not have time.
https://guglielmopepe.github.io/quick/
class-less css-frameworks demo demo-applications html
Last synced: 3 months ago
JSON representation
CSS framework for web developers who do not have time.
- Host: GitHub
- URL: https://guglielmopepe.github.io/quick/
- Owner: GuglielmoPepe
- License: mit
- Created: 2020-03-17T14:31:57.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-05-09T15:25:16.000Z (6 months ago)
- Last Synced: 2024-08-03T00:13:14.991Z (3 months ago)
- Topics: class-less, css-frameworks, demo, demo-applications, html
- Language: CSS
- Homepage: https://guglielmopepe.github.io/quick/
- Size: 6.4 MB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# quick.css
**Quick** is a CSS framework for web developers, [like myself](https://www.guglielmopepe.com/?utm_source=github.com&utm_medium=readme&utm_campaign=quick.css), who do not have time to styling but want their web services to look nice. Current `master` points to version 2.3.0 of the framework.
Check out on the [demo page](https://guglielmopepe.github.io/quick/examples.html).
## Goals
* Mobile first
* Good browser support
* Small size
* Visually pleasing
* No classes
## Why another css framework?
When i make demo applications or websites with simple content, i do not have time to styling them, but i don't like the default styles.
**Quick** allows me to focus on functionalities from the first day of a project. All CSS styles are applied to standard HTML elements.
This framework doesn't require any classes. I just include it in my `````` section and forget about it, while it silently makes everything nicer. In **Quick.css**, HTML is king while CSS is a supportive element that only makes HTML look better.
Unlike many other CSS frameworks, in **Quick.css** you don’t have to mention CSS classes in the HTML document. The HTML stays clean and only exposes the data in a pure HTML5 way.
## Who could use it?
**Quick** is designed for people which are making a simple page or demo application when they do not have time to styling.
It solves most of the problems associated with responsiveness of forms, appearance of form controls, tables, fonts, and colors.
When your demo is complete, you can spend time to styling. **Quick.css** gives you an adequate foundation to start from, but if you love simple beautiful page, you have finished.
## How to add it?
You can download minified or unminified version.
### Minified version
You can download minified version [quick.min.css](https://raw.githubusercontent.com/GuglielmoPepe/quick/master/src/quick.min.css) and use together with your HTML by adding:
```html
```
You can use too jsdelivr for link latest minified version of the **Quick.css**:
```html
```
If you want loading an exact minified version of the **Quick.css** use jsdelivr with version:
```html
```
### Unminified version
**Quick.css** is also available as unminified stylesheet, which can be handy during styling.
You can download minified version [quick.css](https://raw.githubusercontent.com/GuglielmoPepe/quick/master/src/quick.css) and use together with your HTML by adding:
```html
```
You can use too jsdelivr for link latest unminified version of the **Quick.css**:
```html
```
If you want loading an exact unminified version of the **Quick.css** use jsdelivr with version:
```html
```
## Browser support
- Chrome (last 3)
- Edge (last 3)
- Firefox (last 3)
- Firefox ESR
- Opera (last 3)
- Safari (last 3)
- iOS Safari (last 2)
- Internet Explorer 9+
## Got questions? Any troubles?
If you have questions or general suggestions, don't hesitate to submit a new [Github issue](https://github.com/GuglielmoPepe/quick/issues).
## Change log
Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
## License
The MIT License. Please see [License File](LICENSE) for more information.