Usually some minor typo fixes and some clearing up.

_posts/2015-01-03-web.md

@@ -9,7 +9,7 @@ section: web
 
 We have seen how computers connected on the Internet communicate in different languages called **protocols**, to exchange emails, files, chat messages...
 
-One of these protocols is called **HTTP**. It's the protocol with which computers share **Webpages** between each other, like the one you're currently reading.
+One of these protocols is called **HTTP**. It's the protocol with which computers share things like **Webpages** between each other, like the one you're currently reading.
 
 The **Web** is the part of the Internet where Webpages are shared. You can tell you're browsing the Web if the URL starts with `http://`.
 
@@ -30,9 +30,9 @@ Because remember URLs is cumbersome, the Web at its origin is based upon **inter
 
 A **Website** is simply a _collection_ of Webpages located on a **same domain**.
 
-* **Web** `http://`
-  * Website `marksheet.io`
-    * Webpage `/introduction.html`
+* **Web** `http://` (protocol)
+  * Website `marksheet.io` (domain name)
+    * Webpage `/introduction.html` (document)
     * Webpage `/internet.html`
     * Webpage `/web.html`
 
@@ -97,7 +97,7 @@ Your browser is then able to display `web.html`.
 The file is **not saved** on your computer though: it is only displayed temporarily while you navigate it. If you go to <http://marksheet.io/web.html> later, it will ask the MarkSheet computer _again_ for that same file, if it still exists. That way, it ensures you always get the _latest_ version of the file.
 
 Web
-: The part of the Internet that uses the **HTTP** protocol.
+: The part of the Internet that uses the **HTTP** or the **HTTPS** protocol.
 
 Webpage
 : A document written in **HTML**.

_posts/2015-03-03-html-links.md

@@ -37,7 +37,7 @@ There are **3** types of target you can define.
 
 **Anchor** target to navigate _within_ the **same** page. By prepending your href with `#`, you can target an HTML element with a specific `id` attribute.
 
-For example, `<a href="#footer">` will navigate to the `<div id="footer">` within the same HTML document. This type of href is often used to navigate back to the top of the page.
+For example, `<a href="#top">` will navigate to the `<div id="top">` within the same HTML document. This type of href is often used to navigate back to the top of the page.
 
 ### Relative URLs
 
@@ -124,7 +124,7 @@ This URL can be segmented in 3 parts:
 * **domain** `ireallylovecats.com`
 * **file path** `gallery.html`
 
-This **absolute URL** is **self-sufficient**: no matter where you use the link form, it contains _all_ the information required to find the correct file, on the correct domain, with the correct protocol.
+This **absolute URL** is **self-sufficient**: no matter where you use the link from, it contains _all_ the information required to find the correct file, on the correct domain, with the correct protocol.
 
 You usually use absolute URLs defining a link from _your_ website to _another_ website.
 

_posts/2015-04-07-css-color-units.md

@@ -63,13 +63,13 @@ The purpose of a color being transparent is to blend with the background, and co
 
 **HSL** is another way to define a color. Think of it as a **color wheel**.
 
-![Image](#)
+![HSL Colorwheel](/images/hsl-colors.png)
 
 Instead of a color being a combination of Red, Green and Blue, you define:
 
 * the **Hue** a value ranging from 0 to 360, defines _which color_ you want.
 * the **Saturation** percentage, ranging from 0% to 100%, defines _how much_ of that color you want.
-* the **Lightness** percentag, ranging from 0% to 100%, defines _how bright_ you want that color to be.
+* the **Lightness** percentage, ranging from 0% to 100%, defines _how bright_ you want that color to be.
 
 Again, the red color of this website is define this way in HSL:
 
@@ -186,7 +186,7 @@ In **hexadecimal**, we have 16 symbols to form numbers. Because 0-9 are not enou
 
 Not at all! It is here to provide an explanation of how hexadecimal values work. The most important thing to remember is that there are 16 hexadecimal symbols.
 
-Just like RGB, a hexadecimal color value is a combination of Red, Green, and Blue, each of them being represent as a hexadecimal value, like `DB` for Red, `4E` for Green, and `44` for Blue.
+Just like RGB, a hexadecimal color value is a combination of Red, Green, and Blue, each of them being represented as a hexadecimal value, like `DB` for Red, `4E` for Green, and `44` for Blue.
 
 Because Red, Green or Blue can only have 2 symbols, their possible values are `16 * 16 = 256`, which mirrors the RGB color unit!
 

_posts/2015-05-05-css-font-shorthand.md

@@ -31,7 +31,7 @@ body{ font: bold 16px/1.5 Arial, sans-serif;}
 Because `font-style` and `font-variant` have not been defined, they'll use their default value `normal`.
 {: .info}
 
-Beware! If you've previously define one of the font properties and use the `font` shorthand afterwards, it will **override** the previously defined values.
+Beware! If you've previously defined one of the font properties and use the `font` shorthand afterwards, it will **override** the previously defined values.
 
 {% highlight css %}
 body{ font-size: 16px; line-height: 1.5;}

_posts/2015-06-07-css-margin.md

@@ -69,6 +69,6 @@ It's like the element saying: "Ok, I want the next element to be _at least_ 30px
 
 Tricky question. This question comes up when no border nor background is applied. Indeed: if a border or a background is set on _either_ element, the visual rendering will be different. But if none is present, and considering margins and paddings are _transparent_, the result will look the same.
 
-Ask yourself _why_ you're spacing things. Is it to allow the inner content to breath more? Or is to allow the whole element to breath more? It's padding in the first case, margin in the second.
+Ask yourself _why_ you're spacing things. Is it to allow the inner content to breathe more? Or is it to allow the whole element to breathe more? It's padding in the first case, margin in the second.
 
 Also, considering how margins can **merge**.

_posts/2015-08-07-css-responsiveness.md

@@ -30,7 +30,7 @@ viewport
 
 ### Responsive web design
 
-The idea behind **responsive web design** is to make your website **adapt to fit to any device**. It does so by **targetting** devices with your CSS and applying certain styles on these devices _only_.
+The idea behind **responsive web design** is to make your website **adapt to fit to any device**. It does so by **targeting** devices with your CSS and applying certain styles on these devices _only_.
 
 Responsiveness relies upon the properties of either the **device** or the **viewport**. For example: