Quick is a CSS framework for web developers, like myself, 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.
- Mobile first
- Good browser support
- Small size
- Visually pleasing
- No classes
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 <head> 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.
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.
You can download minified or unminified version.
You can download minified version quick.min.css and use together with your HTML by adding:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="quick.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>You can use too jsdelivr for link latest minified version of the Quick.css:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/GuglielmoPepe/quick/src/quick.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>If you want loading an exact minified version of the Quick.css use jsdelivr with version:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/GuglielmoPepe/[email protected]/src/quick.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>Quick.css is also available as unminified stylesheet, which can be handy during styling.
You can download minified version quick.css and use together with your HTML by adding:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="quick.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>You can use too jsdelivr for link latest unminified version of the Quick.css:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/GuglielmoPepe/quick/src/quick.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>If you want loading an exact unminified version of the Quick.css use jsdelivr with version:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/GuglielmoPepe/[email protected]/src/quick.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>- Chrome (last 3)
- Edge (last 3)
- Firefox (last 3)
- Firefox ESR
- Opera (last 3)
- Safari (last 3)
- iOS Safari (last 2)
- Internet Explorer 9+
If you have questions or general suggestions, don't hesitate to submit a new Github issue.
Please see CHANGELOG for more information on what has changed recently.
The MIT License. Please see License File for more information.