Skip to content

Commit 998e7a6

Browse files
committed
fix(README): change minor typos
My spelling corrector highlighted these errors
1 parent a58a850 commit 998e7a6

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

README.md

+7-6
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@ Recreating all the flags of the nations of the world in pure CSS, using only one
55

66
You can see it live on [https://pixelastic.github.io/css-flags/](https://pixelastic.github.io/css-flags/)
77

8-
This side-project has no real-world application, it was just an exercice to push
8+
This side-project has no real-world application, it was just an exercise to push
99
the boundaries of what I know about CSS. Trying to use the language to do things
10-
it wasn't meant to do in the first place teached me a lot about the language.
10+
it wasn't meant to do in the first place taught me a lot about the language.
1111

1212
## Running the project locally
1313

1414
```sh
15+
bundle install
1516
npm install
1617
npm run serve
1718
```
@@ -54,7 +55,7 @@ already exists in the UTF8 table, so I just have to grab them from existing
5455
fonts (or use [utf8icons.com][7]).
5556

5657
But more often, I had to use Vexilla Mundi. The website provides nice png images
57-
of all the symbols. Unfortunatly, the symbols they provide are already colored,
58+
of all the symbols. Unfortunately, the symbols they provide are already colored,
5859
and I needed them black to use in the font so I was able to define the color
5960
myself.
6061

@@ -103,7 +104,7 @@ longer user percentage values, I need real, absolute, pixel values.
103104

104105
[http://github.com/pixelastic/img2css/](http://github.com/pixelastic/img2css/)
105106

106-
Commanline tool to convert any image (jpg or png) to full CSS. This will
107+
Commandline tool to convert any image (jpg or png) to full CSS. This will
107108
replicate all pixels of the initial image using numerous `box-shadows`.
108109

109110
This works wel but results in really heavy generated CSS (several MB), so
@@ -130,7 +131,7 @@ Here is an incomplete list of the tricks I had to use:
130131
### Invisible text-shadow
131132

132133
I sometimes put an invisible symbol in an `after` or `before` element (through
133-
`color: transparent`) and positionned it at `top:0; left: 0`.
134+
`color: transparent`) and positioned it at `top:0; left: 0`.
134135

135136
Then I added several `text-shadow` to it, with a full color. Doing so helped in
136137
getting the coordinates right because everything is then relative to the origin
@@ -159,7 +160,7 @@ add:
159160
- Link to codepen to let users play with the code
160161
- Making it work on more browsers...
161162
- ...which implies that I need to add a visual testing framework on top if it
162-
- Adding the missings flags
163+
- Adding the missing flags
163164
- Using a clip-path when only one star instead of a font
164165
- Building the font with npm instead of icomoon.io
165166
- Adding stars to Brazil

0 commit comments

Comments
 (0)