An FRP application has the following properties
- Functional, pure, immutable.
- Reactive, your application is a DAG, you react to "core" inputs and from new outputs.
If your application is an immutable DAG it has certain properties
require 'net/http' | |
require 'json' | |
require 'uri' | |
@token = '' | |
def list_files | |
ts_to = (Time.now - 30 * 24 * 60 * 60).to_i # 30 days ago | |
params = { | |
token: @token, |
/** | |
* The width and height to which our graphic assets are designed for | |
* Keep in mind retina resolutions and remember to provide 2xWidth 2xHeight assets for them | |
*/ | |
var targetWidth = 1024; | |
var targetHeight = 768; | |
/** | |
* The main (root) container on the stage | |
* You should always have a master container on your stage |
@import "compass/utilities/sprites/base"; | |
// General Sprite Defaults | |
// You can override them before you import this file. | |
$emblem-sprite-base-class: ".emblem-sprite" !default; | |
$emblem-sprite-dimensions: false !default; | |
$emblem-position: 0% !default; | |
$emblem-spacing: 0 !default; | |
$emblem-repeat: no-repeat !default; |
Info collected about a11y
topics.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>test</title> | |
<link rel="stylesheet" href="stylesheets/screen.css"> | |
</head> | |
<body> | |
<div class="container c1"></div> | |
<div class="container c2"></div> |
export default class BlogPost extends Component { | |
constructor(props) { | |
super(props); | |
this.state = { | |
'codepen': false | |
}; | |
} |
# My pimped out unicorn config, with incremental killof | |
# and all the latest capistrano & bundler-proofing | |
# @jamiew :: http://github.com/jamiew | |
application = "000000book.com" | |
environment = ENV['RACK_ENV'] || ENV['RAILS_ENV'] || 'production' | |
app_path = "/srv/#{application}" | |
bundle_path = "#{app_path}/shared/bundle" | |
timeout 30 |
<script id="modal-view-template" type="text/html"> | |
<div class="modal-header"> | |
<h2>This is a modal!</h2> | |
</div> | |
<div class="modal-body"> | |
<p>With some content in it!</p> | |
</div> | |
<div class="modal-footer"> | |
<button class="btn">cancel</button> | |
<button class="btn-default">Ok</button> |
// http://compass-style.org/reference/compass/helpers/sprites/ | |
@mixin get-sprite($map, $sprite, $repeat: no-repeat, $height: true, $width: true) | |
//http://compass-style.org/reference/compass/helpers/sprites/#sprite-file | |
$sprite-image: sprite-file($map, $sprite) | |
// http://compass-style.org/reference/compass/helpers/sprites/#sprite-url | |
$sprite-map: sprite-url($map) | |
// http://compass-style.org/reference/compass/helpers/sprites/#sprite-position |