C-Tips

Here is a record and resource of links and knowledge I have built around coding during the Fab Academy.

w3schools

P-TIP : Programming
E-TIP : Electronics
C-TIP : Coding
T-TIP : Terminal
S-TIP : Software

Coding Tips for :

  • html
  • markdown
  • CSS

T.TIP 1 : Text in HTML

:

Paragraph starting with <p> and end with <p/>

T.TIP 2 : Colours in HTML

:

<h1 style="color:Tomato;">Hello World</h1>

T.TIP 3 : Size in HTML

:

brew update && brew upgrade && brew cleanup

T.TIP 4 : Text fill

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

Lorem ipsum

T.TIP 5 : Hidden Text

It is sometimes useful to put a note into your code. A reminder of something to do or a hidden link.

> "Lorem Impsum"

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”

T.TIP 6 : Tables

There are several ways to embedd tables into a document.

<table style="width:100%">
  <tr>
    <th>Power Supply Specs</th>
    <th>Rover Specs</th>
    <th>Phenotyping Specs</th>
    <th>Drone Specs</th>
    <th>Cable Specs</th>
  </tr>
  <tr>
    <td>3.3 v</td>
    <td></td>
    <td></td>
    <td>x</td>
    <td></td>
  </tr>
  <tr>
    <td>5.0 v</td>
    <td></td>
    <td></td>
    <td></td>
    <td>x</td>
  </tr>

</table>

Research