ffconf 2017

Todo

• Service worker

Howto

Disable minified code while developing the website

• In node_modules/terraform/lib/stylesheet/processors/scss.js change the scss.render options object to

  file: filePath,
  includePaths: dirs,
  outputStyle: 'expanded',
  sourceMap: true,
  sourceMapEmbed: true,
  sourceMapContents: true,
  outFile: filePath,
  omitSourceMapUrl: false
  

• In node_modules/terraform/lib/stylesheet/index.js change callback(null, minify.css(result.css), result.map) to callback(null, result.css, result.map).

• In node_modules/terraform/lib/template/processors/jade.js add options.pretty = true before return jade.compile(fileContents, options).

Convert fonts into JSON

Source: http://crocodillon.com/blog/non-blocking-web-fonts-using-localstorage

Install npm module font-store, locally it's fine:

$ mkdir fontstore && cd $_
$ npm install font-store

Now generate the Google Fonts link and run:

$ ./node_modules/font-store/bin/font-store "https://fonts.googleapis.com/css?family=Anonymous+Pro|Rubik:700"

Create favicons

Use https://realfavicongenerator.net

• Favicon for iOS - Web Clip: add a solid background, color #1800ff, size as default
• Favicon for Android Chrome: background color and theme color #1800ff
• Windows Metro: use the original, color is blue
• Safari Pinned Tab: turn your picture into a monochrom icon, threshold as default
• Touch Bar: theme color #1800ff
• Favicon Generator Options:
  • path: /images/favicons
  • app name: ffconf 2017

Delete the generated manifest.json, we already have our own, just check to reference the images correctly.