molily

var treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);

while (treeWalker.nextNode()) {
  var node = treeWalker.currentNode;
  node.nodeValue = node.nodeValue.replace(/(F|f)ramework/g, '$1lamewar');
}

molily

In smart components, we’re exporting the original React component class and the Connect wrapper class.

• There is a test for the smart component class that checks whether mapStateToProps and mapDispatchToProps generate and pass through the expected props.
• There is another, more conventional test for the dumb component class that tests the rendered DOM tree.

The tests helpers here are used for the smart test.

molily

// Mixins for generating Block Element Modifier (BEM) class names.
// See https://css-tricks.com/snippets/sass/bem-mixins/
// They can be nested to produce meaningful classes.
// To create a descendant selector like `.block--modifier .block__element`
// the block needs to be repeated. For example:
// +block(some-block)
//
//   +element(some-element)
//     color: red
//

molily

import path from 'path';
import fs from 'fs';
import { Readable } from 'stream';
import es from 'event-stream';
import gulp from 'gulp';
import smash from 'smash';

const SRC_DIR = path.resolve('./src');
const JAVASCRIPTS_SRC_DIR = path.join(SRC_DIR, JAVASCRIPTS_DIR);

molily

<filter id="dropshadow" x="0" y="0" width="200%" height="200%">
<feColorMatrix in="SourceAlpha" type="matrix"
  values="-1 0 0 0 1, 0 -1 0 0 1, 0 0 -1 0 1, 0 0 0 1 0"
  result="matrix"/>
<feGaussianBlur in="matrix" stdDeviation="2" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>

molily

@charset 'UTF-8'

// Hide and show content accessibly. The content is visually hidden, but
// screen readers and other assistive technology should still read it.
// http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
@mixin accessible-hide
  position: absolute
  // Without any top/right/bottom/left declaration, the element would be
  // positioned at its position in the normal flow. This may cause scrollbars
  // so we move it to top/left position of the containing block.

molily

util =
  
  # This is faster than working with `arguments`
  # \u001E is a ASCII Record Separator
  stringify2: (a, b) ->
    "#{a}\u001E#{b}"
  stringify3: (a, b, c) ->
    "#{a}\u001E#{b}\u001E#{c}"
  stringify4: (a, b, c, d) ->
    "#{a}\u001E#{b}\u001E#{c}\u001E#{d}"

molily

# https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html
# http://msdn.microsoft.com/en-us/library/ie/dn265028(v=vs.85).aspx
# https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
# https://developer.apple.com/library/safari/documentation/WebKit/Reference/ElementClassRef/Element/Element.html#//apple_ref/javascript/instm/Element/webkitRequestFullScreen
# http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API

# See also https://github.com/sindresorhus/screenfull.js for a more complete library.

doc = document

molily

The apps.berlin.js meetup

apps.berlin.js is a Berlin.js spin-off with a special focus on JavaScript-driven web applications (“HTML5 apps”), desktop browser apps as well as mobile apps and games written in JavaScript. Here you can find the slides and additional links of all past talks. Please fork this Gist to add more info!

First meetup on May 10th 2012

• Application frameworks on top of Backbone.js
  by Mathias Schäfer
  Slides
  Chaplin.js on Github