While trying to explain Flux to a friend using words, I realized that a diagram's worth a thousand of them, and went with this.
+---------------------+
| |
| Dispatcher |
+-->| +---------------+
| +----------|----------+ |
This is a wrapper class for the fullscreen API. It should make it easier to use.
It is supported in the latest versions of Chrome and Safari. It will be supported in Firefox in version 10 (which is released tomorrow).
All calls to activate fullscreen have to be made from a user action. So a button click for example.
Here are some useful links. To run the example it has to be run on its own page, not an iframe. So I have linked to where the iframe points in jsFiddle.
| #!/bin/sh | |
| # This shell script is used to bootstrap the app and update external libraries | |
| # | |
| # ====== IMPORTANT ====== | |
| # | |
| # it may break application if 3rd party libs aren't backwards compatible | |
| # or if libs were edited locally, use with care !!! |
| module.exports = function(grunt) { | |
| grunt.initConfig({ | |
| stuff: { | |
| dest: 'foo/', | |
| ext: '.bar', | |
| }, | |
| log_files: { | |
| my_target: { | |
| files: grunt.file.expandMapping('**/*.js', '<%= stuff.dest %>', { |
| <!DOCTYPE html> | |
| <!-- #include "inc_header.html" title="Example" header="Sample Title" --> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Example</title> | |
| <link rel="stylesheet" href="css/main.css"> | |
| </head> | |
| <body> | |
| <h1>Sample Title</h1> |
If you're using only nginx (no Apache thx) and want to serve your projects using a local dev domain.
brew install nginx
Or download/unzip for Win: http://nginx.org/en/docs/windows.html
| find -name '*.js'|grep -v '^./node_modules'|while read f;do if (head -n3 "$f"|grep -Fv 'use strict'>/dev/null);then echo "$f";sed -i -e '1i "use strict"\n' "$f";fi;done |
| import React from 'react' | |
| const provideContext = (contextKey, contextType) => ( | |
| React.createClass({ | |
| childContextTypes: { | |
| [contextKey]: contextType | |
| }, | |
| getChildContext() { | |
| const { children, ...props } = this.props |
| .SVGIcon { | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| /* fix webkit/blink poor rendering issues */ | |
| transform: translate3d(0,0,0); | |
| /* it's better defined directly because of the cascade shit | |
| width: inherit; | |
| height: inherit; |
Small script for development + builds with browserify.
Uses loose-envify for faster inlining and cross-env to handle windows/unix shells.
Dev features:
Build features:
