Tachyons Screencasts

Videos

A collection of screencasts that demo various ways you can use Tachyons.

A quick demo on how to set line length so that your text is easily readable.

A quick demo on how to utilize the type scale in tachyons and change font-sizes across breakpoints.

Links

type-scale.com cssstats.com practicaltypography.com

Here is a simple html template that links to the latest version of Tachyons.

 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title> </title>
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https:/unpkg.com/tachyons/css/tachyons.min.css">
  </head>
  <body>

  </body>
</html>

To download and setup tachyons from github on the command line

 
git clone https://github.com/tachyons-css/tachyons.git  new-project
or 
git clone [email protected]:tachyons-css/tachyons.git new-project
cd new-project
npm install && npm start

To install and setup browser-sync

 
npm install -g browser-sync
browser-sync start --server --files "*.html, */*.html"