Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/johno/browser.css
An awesome CSS and HTML browser window for debuting apps.
https://github.com/johno/browser.css
Last synced: about 1 month ago
JSON representation
An awesome CSS and HTML browser window for debuting apps.
- Host: GitHub
- URL: https://github.com/johno/browser.css
- Owner: johno
- License: mit
- Created: 2014-08-23T17:00:08.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-01-27T07:07:49.000Z (almost 10 years ago)
- Last Synced: 2024-04-23T20:42:16.272Z (9 months ago)
- Language: CSS
- Homepage:
- Size: 313 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Browser.css
This provides the SCSS, or CSS, necessary to beautifully present web pages in a browser window.
Typically, this consists of placing screenshots in browser windows, phones, etc. with photo
editing software. However, I like to avoid Photoshop like the plague, so I concocted a
CSS/HTML solution.#### The browser window in action
![screenshot 2014-08-23 11 08 35](https://cloud.githubusercontent.com/assets/1424573/4021242/cdfa42c8-2ae9-11e4-8b6c-5da341258046.png)
## Installation
You can directly grab either the SCSS (`scss/`) or CSS (`css/`) directly from this repo.
### NPM Installation
This is also available as an [npm package](https://www.npmjs.org/package/browser.css).
```
$ npm install browser.css --save-dev
```### Development
For development, there's a gulpfile that compiles the SCSS into CSS. It can be run with:
```
$ gulp
```If you haven't used Gulp before, try
[this blog post](http://johnotander.com/front-end-development/2014/08/08/build-tasks-with-gulpjs/).## Usage
### SCSS
Import the SCSS into your project:
```scss
@import "path/to/browser";
```### CSS
Link the CSS in your HTML document:
```html
```
### Example HTML for the browser window
```html
```## LICENSE
MIT
## Contributing
1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull RequestCrafted with <3 by [John Otander](http://johnotander.com) ([@4lpine](https://twitter.com/4lpine)).