Skip to content
CSS framework for web developers who do not have time.
CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
CHANGELOG.md
LICENSE
README.md
package.json

README.md

quick.css

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.

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 <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.

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 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/quick@1.0.0/src/quick.min.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
</html>

Unminified version

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/quick@1.0.0/src/quick.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
</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.

Change log

Please see CHANGELOG for more information on what has changed recently.

License

The MIT License. Please see License File for more information.

You can’t perform that action at this time.