Code Monkey home page Code Monkey logo

ffconf2017's Introduction

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.