Skip to content

Latest commit

 

History

History
62 lines (41 loc) · 1.71 KB

README.md

File metadata and controls

62 lines (41 loc) · 1.71 KB
Raw

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.