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 |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
| Version 2, December 2004 | |
| Copyright (C) 2011 Sascha Depold http://depold.com | |
| Everyone is permitted to copy and distribute verbatim or modified | |
| copies of this license document, and changing it is allowed as long | |
| as the name is changed. | |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |
| 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; |
