Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sjohnsonaz/artistry
A powerful and configurable stylesheet
https://github.com/sjohnsonaz/artistry
buttons carousels component configurable css forms html modals stylesheet tabs widget
Last synced: about 2 months ago
JSON representation
A powerful and configurable stylesheet
- Host: GitHub
- URL: https://github.com/sjohnsonaz/artistry
- Owner: sjohnsonaz
- License: mit
- Created: 2016-04-05T17:23:53.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-02-27T16:30:22.000Z (almost 2 years ago)
- Last Synced: 2024-04-14T12:36:36.850Z (9 months ago)
- Topics: buttons, carousels, component, configurable, css, forms, html, modals, stylesheet, tabs, widget
- Language: Stylus
- Homepage:
- Size: 2.29 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Artistry
[![Build Status](https://travis-ci.org/sjohnsonaz/artistry.svg?branch=master)](https://travis-ci.org/sjohnsonaz/artistry) [![npm version](https://badge.fury.io/js/artistry.svg)](https://badge.fury.io/js/artistry)
A powerful and configurable stylesheet
Artistry is a collection of commonly used widget styles, such as buttons, modals, tabs, etc. Each has been designed to work together seamlessly and efficiently. It is also designed to work independently of any JavaScript framework.
## Simplicity of Design
The core philosophy of Artistry is: **HTML first, CSS second, JavaScript third.**
* **First**, we keep the HTML structures simple, with less tags, less nesting, and more meaning. As a developer, you should focus on your data and your content, not a hundred nested `
` tags.
* **Second**, we let CSS classes do the styling and animating. Adding just a few classes here is enough to style every widget. In most cases this is enough. All of the animation is powered by CSS.
* **Third**, we keep JavaScript to an absolute minimum. Most often, it is used to simply toggle a class on and off.## Ease of Integration
Because Artistry is mostly powered by HTML and CSS, with very limited JavaScript, it is very easy to integrate with a wide range of JavaScript frameworks.
## Flexible Configuration
Almost every aspect of the stylesheet is configurable. Using Stylus, configuration can be done either inside the `.styl` files or with a `.json` file. These changes can either be done globally, or to individual widgets. And the widgets have been designed to work together. So if for example you want to change the spacing of the entire stylesheet, you can set it in one place, and everything will be adjusted automatically.