Free Code Camp – Visual Design 7

Now fully completed Applied Visual Design module with FreeCodeCamp so have now reached 100% of the way through the module

On onto Applied Accessibility next

#learn, #freecodecamp, #web, #responsive,#visual #design, #html, #css, #skills, #codeclub,

Happy to provide help and support via decentralised social media. I can be contacted on Mastodon here. You can get a free account on the http://qoto.org instance by following this link.

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up

Free Code Camp – Visual Design 6

Completed more of the Applied visual design module with FreeCodeCamp so now reached 73% of the way through the module

More tomorrow.

#learn, #freecodecamp, #web, #responsive,#visual #design, #html, #css, #skills, #codeclub,

Happy to provide help and support via decentralised social media. I can be contacted on Mastodon here. You can get a free account on the http://qoto.org instance by following this link.

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up

Free Code Camp – Visual Design 5

Completed 10% more of the Applied visual design module with FreeCodeCamp so now reached 60% of the way through the module

#learn, #freecodecamp, #web, #responsive,#visual #design, #html, #css, #skills, #codeclub,

Happy to provide help and support via decentralised social media. I can be contacted on Mastodon here. You can get a free account on the http://qoto.org instance by following this link.

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up

Free Code Camp – Visual Design 4

Completed some more of the visual design module in FreeCodeCamp so now reached 50% of the way through the module

So lots of progress made on this, and more useful skills being developed.

#learn, #freecodecamp, #web, #responsive,#visual #design, #html, #css, #skills, #codeclub,

Happy to provide help and support via decentralised social media. I can be contacted on Mastodon here. You can get a free account on the http://qoto.org instance by following this link.

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up

Free Code Camp – Visual Design 3

Completed some more of the visual design module in FreeCodeCamp so now reached 37% of the way through the module

Lots of useful design tips in this section of the course, so great for making small adjustments to css, which can really help to improve the visual look of page(s).

#learn, #freecodecamp, #web, #responsive,#visual #design, #html, #css, #skills, #codeclub,

Happy to provide help and support via decentralised social media. I can be contacted on Mastodon here. You can get a free account on the http://qoto.org instance by following this link.

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up

Free Code Camp – Visual Design 2

Completed some more of the visual design module in FreeCodeCamp so am sharing my progress here.

So far this is proving really useful, and the website is really easy to follow.

#learn, #freecodecamp, #web, #responsive, #design, #html, #css, #skills, #codeclub

---

Mastodon	Peertube	Qoto sign up

Free Code Camp – Visual Design 1

Finally got round to undertaking the first part of Applied visual Design on FreeCodeCamp so am sharing my progress here.

So far so good.

#learn, #freecodecamp, #web, #responsive, #design, #html, #css, #skills, #codeclub

---

Mastodon	Peertube	Qoto sign up

LaTeX and Chemistry

LaTeX is very useful for typesetting Chemistry.

A few examples are below

Normally we would the chemical formula for Methane as

$CH_4$

How do we achieve this in LaTeX? We to use maths mode.

$CH_4$

So the underscore gives us the required Subscript 4. The $ tells latex to use maths mode.

If we want to include both the Atomic number and Mass of an element. For example Hydrogen.

$H^1_1$

$H^6_12$

Or Carbon (illustrating how to type 2 numbers)

$C^6_{12}$

$C^6_{12}$

Puts one number above the other. So in the case the ^ gives us our superscript.

If we wanted to write Sodium as an ion we would put

$Na^{1+}$ Note that the 1+ has been put inside curly braces {1+}

$Na^{1+}$

So far this is pretty straightforward

You can also type chemical equations, which is a little more involved:

$H_2O(l) \hspace{0.5cm} \xrightarrow[\text{}]{\text{heat}}\hspace{0.5cm} = \hspace{0.5cm} H_2O (g)$

The first \text{} would put any text under the arrow, while clearly the second puts the text on top.

As per instructions you need to tell LaTeX to use the package mathtools

\usepackage{mathtools}

I have also added some horizontal spacing so the equation is not squashed together.

however writefreely does not seem to render this fully. You can view this equation in Overleaf here

#LaTeX, #Learn, #typesetting, #chemistry, #basics

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up

Learn LaTeX is a new website that aims to give users enough information to get started.

It looks very good so far and hopefully will help build up skills in this area. It won't cover everything but doesn't need to. Hopefully some of my posts will also complement this website.

It is great to see so many fresh resources out there. With the upcoming release of TeX Live 2020 the timing for this could not have been better.

Resources

• Learn LaTeX
• LaTeX Project
• TeX Live

#LaTeX, #Learn, #typesetting, #lessons, #basics

Licenced under Attribution 4.0 International (CC BY 4.0)

---

Mastodon	Peertube	Qoto sign up