https://github.com/simurai/cssconf-app
A totally fake CSSConf app
https://github.com/simurai/cssconf-app
Last synced: about 2 months ago
JSON representation
A totally fake CSSConf app
- Host: GitHub
- URL: https://github.com/simurai/cssconf-app
- Owner: simurai
- License: other
- Created: 2014-04-19T09:50:54.000Z (about 11 years ago)
- Default Branch: gh-pages
- Last Pushed: 2014-05-05T03:27:44.000Z (about 11 years ago)
- Last Synced: 2025-03-25T16:45:02.263Z (2 months ago)
- Language: CSS
- Size: 2 MB
- Stars: 30
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# CSSConf App
> Note: This is totally fake and just used as a __demo__ for my "Styling with STRINGS" talk at [CSSConf AU 2014](http://2014.cssconf.com.au/).
 
If you have seen the talk and wanna play around a bit with the Flexbox reordering or `color` and `font-size` changing, you can do that in the:
[Live Demo](http://simurai.github.io/cssconf-app)
> Note: The loading can take a while since the app is not optimized for production. That way it's easier to understand the source.
## How to customize
Just open the inspector/DevTools and start by changing these properties for the root `html` element:
```css
html {
font-size: 16px;
color: hsl(212, 72%, 80%);
background: coral;
}
```
or limit it to the header/footer `.Bar`s only,
```css
.Bar {
font-size: ???;
color: ???;
background: ???;
}
```
or any other element.
## Made with
The app uses the [Digit](https://github.com/montagejs/digit) UI Set that runs on [MontageJS](https://github.com/montagejs/montage)
## Support
Should work in most browsers, although the animations are only WebKit prefixed