Skip to content

Commit

Permalink
Wording and grammar. (una#200)
Browse files Browse the repository at this point in the history
* Update 😄

Wording, grammar
Removed contractions ie we're to we are for consistency (we're was used sometimes and we are others) and formality 

On ln 9: specified what "these" effects were 

😄

On ln44: the comma between 'css file ...' and 'if' is not needed and creates an unnecessary pause

* Returned contractions

* Update README.md
  • Loading branch information
SemicolonExpected authored and una committed Oct 4, 2016
1 parent aa0577d commit 4920e46
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,13 @@

# CSSgram

CSSGram is an Instagram filter library in Sass and CSS.
CSSGram is an Instagram filter library written in Sass and CSS.

## What is This?

Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What were doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means *less manual image processing* and more fun filter effects on the web!
Simply put, CSSgram is a library for editing your images with Instagram-like filters directly using CSS. What we're doing is adding filters to the images, as well as applying color and/or gradient overlays via various blending techniques to mimic filter effects. This means *less manual image processing* and more fun filter effects on the web!

We are using pseudo-elements (i.e. `::before` and `::after`) to create the filter effects, so you must apply these filters on a containing element (i.e. not a *replaced element* like `<img>`). The recommendation is to wrap your images in a `<figure>` tag. More about the tag [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure).
We're using pseudo-elements (i.e. `::before` and `::after`) to create the filter effects, so you must apply these filters on a containing element (i.e. not a *replaced element* like `<img>`). The recommendation is to wrap your images in a `<figure>` tag. More about the tag [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure).

## Browser Support

Expand Down Expand Up @@ -41,7 +41,7 @@ For example:
</figure>
```

Alternatively, you can just download and link to any individual css file (e.g. `<link rel="stylesheet" href="css/vendor/aden.min.css">`), if youre just using one of the styles.
Alternatively, you can just download and link to any individual css file (e.g. `<link rel="stylesheet" href="css/vendor/aden.min.css">`) if you're using only one of the styles.

### Available Classes

Expand Down Expand Up @@ -107,7 +107,7 @@ or using mixins (more flexible)
}
```

Alternatively, if you're just using one of the styles, you can download and link any individual `.scss` file in your Sass manifest (i.e. `scss/aden.scss`).
Alternatively, if you're using only one of the styles, you can download and link any individual `.scss` file in your Sass manifest (i.e. `scss/aden.scss`).

### Available Placeholders

Expand Down Expand Up @@ -172,7 +172,7 @@ Or:
5. Make changes and check the test site with your changes (see file structure outline below)
6. Submit a PR referencing the issue with a smile :smile:

If you’d like to contribute, the following filters are yet to be added:
If you would like to contribute, the following filters are yet to be added:

- [ ] [Amaro](https://github.com/una/CSSgram/issues/13)
- [ ] [Ashby](https://github.com/una/CSSgram/issues/119)
Expand Down Expand Up @@ -203,6 +203,6 @@ Filters are really fun to create! Reference photos created by [Miles Croxford](h
- `source/css/cssgram.css` contains each of the CSS classes you can apply to your `<img>` to give it the filter. You should use `source/css/cssgram.min.css` for production if you want access to all of the library
- `source/scss/` contains the source files for individual classes and placeholder selectors you can use to extend CSS classes in Sass
- `site/` is the public facing website
- `site/test` is how you test filters if you're developing, remember to change `is_done` for the filter you're creating in `site/filters.json`.
- `site/test` is how you test filters if you're developing, remember to change `is_done` for the filter you are creating in `site/filters.json`.

Note: this will also have mixin options and a PostCSS Component.
Note: This will also have mixin options and a PostCSS Component.

0 comments on commit 4920e46

Please sign in to comment.